Index: lams_monitoring/web/includes/javascript/monitorLesson5.js
===================================================================
diff -u -r27708872e7df43fe07cd093b785b4d4cbf35fa64 -r4c966906b909a2da4be5ccbee4512c2bbd273701
--- lams_monitoring/web/includes/javascript/monitorLesson5.js	(.../monitorLesson5.js)	(revision 27708872e7df43fe07cd093b785b4d4cbf35fa64)
+++ lams_monitoring/web/includes/javascript/monitorLesson5.js	(.../monitorLesson5.js)	(revision 4c966906b909a2da4be5ccbee4512c2bbd273701)
@@ -167,7 +167,7 @@
 		var dialog = $('#learnerGroupDialog'),
 			// are we moving selected learners or all of learners who are currently in the activity
 			moveAll = $(this).attr('id') == 'learnerGroupDialogForceCompleteAllButton',
-			selectedLearners = moveAll ? null : $('.dialogList div.dialogListItemSelected', dialog),
+			selectedLearners = moveAll ? null : $('.dialogTable .dialogListItemSelected', dialog),
 			// go to "force complete" mode, similar to dragging user to an activity
 			activityId = dialog.data('ajaxProperties').data.activityID,
 			dropArea = sequenceCanvas.add('#completedLearnersContainer');
@@ -192,20 +192,20 @@
 		dialog.modal('hide');
 		
 		if (moveAll) {
-			alert(LABELS.FORCE_COMPLETE_CLICK.replace('[0]', ''));
+			showToast(LABELS.FORCE_COMPLETE_CLICK.replace('[0]', ''));
 		} else {
 			var learnerNames = '';
 			selectedLearners.each(function(){
 				learnerNames += $(this).text() + ', ';
 			});
 			learnerNames = learnerNames.slice(0, -2);
-			alert(LABELS.FORCE_COMPLETE_CLICK.replace('[0]', '"' + learnerNames + '"'));
+			showToast(LABELS.FORCE_COMPLETE_CLICK.replace('[0]', '"' + learnerNames + '"'));
 		}
 	});
 	
 	$('#learnerGroupDialogViewButton', learnerGroupDialogContents).click(function() {
 		var dialog = $('#learnerGroupDialog'),
-			selectedLearner = $('.dialogList .dialogListItemSelected', dialog);
+			selectedLearner = $('.dialogTable .dialogListItemSelected', dialog);
 		if (selectedLearner.length == 1) {
 			// open pop up with user progress in the given activity
 			openPopUp(selectedLearner.attr('viewUrl'), "LearnActivity", popupHeight, popupWidth, true);
@@ -214,7 +214,7 @@
 	
 	$('#learnerGroupDialogEmailButton', learnerGroupDialogContents).click(function() {
 		var dialog = $('#learnerGroupDialog'),
-			selectedLearner = $('.dialogList .dialogListItemSelected', dialog);
+			selectedLearner = $('.dialogTable .dialogListItemSelected', dialog);
 		if (selectedLearner.length == 1) {
 			showEmailDialog(selectedLearner.attr('userId'));
 		}
@@ -227,7 +227,6 @@
     // initialise lesson dialog
 	var learnerGroupDialog = showDialog('learnerGroupDialog',{
 			'autoOpen'  : false,
-			'width'     : 450,
 			'height'	: 700,
 			'resizable' : true,
 			'open'      : function(){
@@ -238,7 +237,7 @@
 			}
 		}, false);
 	
-	$('.modal-body', learnerGroupDialog).empty().append(learnerGroupDialogContents.show());
+	$('.modal-body', learnerGroupDialog).empty().append(learnerGroupDialogContents.show()).closest('.modal-dialog').addClass('modal-lg');;
 	
 	// search for users with the term the Monitor entered
 	$('.dialogSearchPhrase', learnerGroupDialog).autocomplete({
@@ -392,13 +391,6 @@
 	    $('#lesson-name').editable('toggle');
 	});
 	
-	new tempusDominus.TempusDominus(document.getElementById('scheduleDatetimeField'), tempusDominusDefaultOptions)
-		.dates.formatInput = tempusDominusDateFormatter;
-		
-	new tempusDominus.TempusDominus(document.getElementById('disableDatetimeField'), tempusDominusDefaultOptions)
-		.dates.formatInput = tempusDominusDateFormatter;
-
-	
 	// sets up dialog for editing class
 	var classDialog = showDialog('classDialog',{
 		'autoOpen'  : false,
@@ -457,13 +449,6 @@
 	$('.modal-body', emailProgressDialog).empty().append($('#emailProgressDialogContents').show());
 	
 	
-	//initialize datetimepicker
-	let datePickerElement = $('#emaildatePicker'),
-		datePicker = new tempusDominus.TempusDominus(datePickerElement[0], tempusDominusDefaultOptions);
-		
-	datePicker.dates.formatInput = tempusDominusDateFormatter;
-	datePickerElement.data('datePicker', datePicker);
-		
 	// sets gradebook on complete functionality
 	$('#gradebookOnCompleteButton').change(function(){
 		var checked = $(this).prop('checked'),
@@ -615,6 +600,19 @@
 			$('#lesson-instructions').html(response.lessonInstructions);
 		}
 	});
+	
+	//initialize datetimepickers
+	new tempusDominus.TempusDominus(document.getElementById('scheduleDatetimeField'), tempusDominusDefaultOptions)
+		.dates.formatInput = tempusDominusDateFormatter;
+		
+	new tempusDominus.TempusDominus(document.getElementById('disableDatetimeField'), tempusDominusDefaultOptions)
+		.dates.formatInput = tempusDominusDateFormatter;
+
+	let datePickerElement = $('#emaildatePicker'),
+		datePicker = new tempusDominus.TempusDominus(datePickerElement[0], tempusDominusDefaultOptions);
+		
+	datePicker.dates.formatInput = tempusDominusDateFormatter;
+	datePickerElement.data('datePicker', datePicker);
 }
 
 /**
@@ -2056,7 +2054,7 @@
 							});
 			
 			if (usersViewable) {
-				dblTap(learnerIcon, function(event){
+				learnerIcon.click(function(event){
 					 // double click on learner icon to see activity from his perspective
 					var url = LAMS_URL + 'monitoring/monitoring/getLearnerActivityURL.do?userID=' 
 						               + learner.id + '&activityID=' + activity.id + '&lessonID=' + lessonId;
@@ -2074,8 +2072,8 @@
 	}
 		
 	if (activity.learnerCount > 0){
-		$('#act' + activity.id + 'learnerGroup', sequenceCanvas)
-		   .click(function(event){
+		$('div#act' + activity.id + 'learnerGroup', sequenceCanvas)
+		   .click(function(){
 				 // double click on learner group icon to see list of learners
 				var ajaxProperties = {
 						url : LAMS_URL + 'monitoring/monitoring/getCurrentLearners.do',
Index: lams_monitoring/web/monitor5.jsp
===================================================================
diff -u -rdb1f3f7a22ffaa3c9753f3bbf317b8582690ed20 -r4c966906b909a2da4be5ccbee4512c2bbd273701
--- lams_monitoring/web/monitor5.jsp	(.../monitor5.jsp)	(revision db1f3f7a22ffaa3c9753f3bbf317b8582690ed20)
+++ lams_monitoring/web/monitor5.jsp	(.../monitor5.jsp)	(revision 4c966906b909a2da4be5ccbee4512c2bbd273701)
@@ -708,7 +708,7 @@
 					<i class="fa-solid fa-fw fa-step-forward"></i>
 				</button>
 			</td>
-			<td class="navCell sortCell" role="button">
+			<td class="navCell sortCell text-end" role="button">
 				<button class="btn btn-xs btn-secondary" 
 						onClick="javascript:sortLearnerGroupList()"
 						title="<fmt:message key='learner.group.sort.button'/>">
@@ -802,7 +802,7 @@
 								<i class="fa-solid fa-fw fa-step-forward"></i>
 							</button>
 						</td>
-						<td class="navCell sortCell" role="button">
+						<td class="navCell sortCell text-end" role="button">
 							<button class="btn btn-xs btn-secondary" 
 									onClick="javascript:sortClassList('Learner')"
 									title="<fmt:message key='learner.group.sort.button'/>">
@@ -868,7 +868,7 @@
 								<i class="fa-solid fa-fw fa-step-forward"></i>
 							</button>
 						</td>
-						<td class="navCell sortCell" role="button">
+						<td class="navCell sortCell text-end" role="button">
 							<button class="btn btn-xs btn-secondary" 
 									onClick="javascript:sortClassList('Monitor')"
 									title="<fmt:message key='learner.group.sort.button'/>">