Index: lams_admin/conf/language/lams/ApplicationResources.properties
===================================================================
diff -u -r48de253a4ccb5bc31489c6ad6469321472462f9b -r8727ef2d06f488a13a0729f5304d091e3ecc036c
--- lams_admin/conf/language/lams/ApplicationResources.properties	(.../ApplicationResources.properties)	(revision 48de253a4ccb5bc31489c6ad6469321472462f9b)
+++ lams_admin/conf/language/lams/ApplicationResources.properties	(.../ApplicationResources.properties)	(revision 8727ef2d06f488a13a0729f5304d091e3ecc036c)
@@ -584,5 +584,5 @@
 label.delete.all.lesson.progress  =Deleting...
 sysadmin.lesson.delete.title  =Delete all lessons from course
 audit.remarks=Remarks
-
+label.no.data.found=No Data Found
 #======= End labels: Exported 576 labels for en AU =====
Index: lams_admin/web/logevent.jsp
===================================================================
diff -u -r48de253a4ccb5bc31489c6ad6469321472462f9b -r8727ef2d06f488a13a0729f5304d091e3ecc036c
--- lams_admin/web/logevent.jsp	(.../logevent.jsp)	(revision 48de253a4ccb5bc31489c6ad6469321472462f9b)
+++ lams_admin/web/logevent.jsp	(.../logevent.jsp)	(revision 8727ef2d06f488a13a0729f5304d091e3ecc036c)
@@ -3,8 +3,8 @@
 <c:set var="lams"><lams:LAMSURL/></c:set>
 
 <link rel="stylesheet" href="${lams}css/jquery-ui.timepicker.css" />
-<link rel="stylesheet" href="${lams}css/jquery.tablesorter.theme.bootstrap.css">
-<link rel="stylesheet" href="${lams}css/jquery.tablesorter.pager.css" >
+<link rel="stylesheet" href="${lams}css/jquery.tablesorter.theme.bootstrap.css"/>
+<link rel="stylesheet" href="${lams}css/jquery.tablesorter.pager.css" />
 
 <script type="text/javascript" src="${lams}includes/javascript/jquery.js"></script>
 <script type="text/javascript" src="${lams}includes/javascript/jquery-ui.js"></script>
@@ -15,7 +15,6 @@
 <script type="text/javascript" src="${lams}includes/javascript/bootstrap.min.js"></script>
 <script type="text/javascript" src="${lams}includes/javascript/portrait.js" ></script>
 
-
 <script type="text/javascript">
 
 	<fmt:message key="label.lesson.with.name" var="LESSON_LABEL_VAR"><fmt:param value="{0}"/></fmt:message>
@@ -30,7 +29,6 @@
 		typeDescriptions = {};
 	
 	$(document).ready(function(){
-		debugger;
 		<c:forEach var="eventType" items="${eventLogTypes}">
 			addEventType("${eventType.id}","${eventType.description}","${eventType.areaCode}","${eventType.areaDescription}");
 		</c:forEach>		
@@ -46,7 +44,6 @@
 		var now = new Date();
 		$("#endDatePicker").datepicker( "setDate", now );
 		$("#startDatePicker").datepicker();
-		debugger;
 		var startDateParts = "${startDate}".split("-"); 	// YYYY-MM-DD
 		if ( startDateParts.length == 3 ) {
 			var startDate = new Date(startDateParts[0], startDateParts[1]-1, startDateParts[2]);
@@ -63,6 +60,7 @@
 		    widgets: [ "uitheme", "resizable", "filter" ],
 		    headers: { 0: { filter: false}, 1: { filter: false, sorter: false}, 2: { filter: false, sorter: false}, 3: { filter: false, sorter: false}, 4: { filter: false, sorter: false},  }, 
 		    sortList : [[0,1]],
+		    showProcessing: true,
 		    widgetOptions: {
 		    	resizable: true,
 		    	// include column filters 
@@ -167,7 +165,6 @@
 			    		}
 				},
 				customAjaxUrl: function(table, url) {
-					debugger;
 					var startDate = $("#startDatePicker").datepicker("getDate");
 					if ( startDate )
 						url += "&startDate="+startDate.getTime();
@@ -184,8 +181,12 @@
 			   	},
 			  })
 			  .bind('pagerInitialized pagerComplete', function(event, options){
+				  if ( options.totalRows == 0 ) {
+					  $.tablesorter.showError($(this), '<fmt:message key="label.no.data.found"/>');
+				  } else {
 					initializePortraitPopover('${lams}');
-				})
+				  }
+ 				})
 			 
 			});
 
@@ -233,10 +234,10 @@
 	<div class="voffset10">	
 	<lams:TSTable numColumns="5" dataId="data-session-id='1'">
 			<th style="width:20%"><fmt:message key="label.date"/></th>
-			<th><fmt:message key="label.event.type"/></th>
-			<th style="width:10%"><fmt:message key="audit.change.made.by"/></th>
-			<th style="width:10%"><fmt:message key="audit.change.made.to"/></th>
-			<th><fmt:message key="audit.remarks"/></th>
+			<th class="no-spinner"><fmt:message key="label.event.type"/></th>
+			<th class="no-spinner" style="width:12%"><fmt:message key="audit.change.made.by"/></th>
+			<th class="no-spinner" style="width:12%"><fmt:message key="audit.change.made.to"/></th>
+			<th class="no-spinner"><fmt:message key="audit.remarks"/></div></th>
 	</lams:TSTable>
 	</div>
 </div>
\ No newline at end of file
Index: lams_central/web/css/_learner_base.scss
===================================================================
diff -u -r964c0c4acd889de82f339a982844d32edd6fd784 -r8727ef2d06f488a13a0729f5304d091e3ecc036c
--- lams_central/web/css/_learner_base.scss	(.../_learner_base.scss)	(revision 964c0c4acd889de82f339a982844d32edd6fd784)
+++ lams_central/web/css/_learner_base.scss	(.../_learner_base.scss)	(revision 8727ef2d06f488a13a0729f5304d091e3ecc036c)
@@ -1121,4 +1121,43 @@
 // Use the same offset as the radio buttons in Bootstrap so that ticks line up with radio buttons on pages like Optional Activities
 .radio-button-offset {
 	margin-left: -20px;
-}
\ No newline at end of file
+}
+
+// Reformat the spinner used by Mottie tablesorter to use fa-refresh. The spinner appears on every column and if you only want one column
+// make the other columns <th class="no-spinner"
+.tablesorter-bootstrap .tablesorter-processing {
+	background-image: none !important;
+    content: none !important;
+}
+
+.tablesorter-bootstrap .tablesorter-processing .tablesorter-header-inner:before {
+  content: "\f021"; // fa-refresh
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  -webkit-animation: fa-spin 2s infinite linear;  // fa-spin
+  animation: fa-spin 2s infinite linear;  // fa-spin
+  text-decoration: inherit;
+  margin-right: 3px;
+  color: inherit;
+  float: left;
+  position: relative;
+  overflow: hidden;
+  left: calc(50% + 14px);
+  /* 14px = 1/2 of 18px padding for sort arrows + 1/2 of 10px width of this block */
+  display: inline-block;
+}
+
+.tablesorter-bootstrap .tablesorter-processing .tablesorter-header-inner {
+    margin-left: -15px; // the spinner moves the title slightly
+}
+    
+.tablesorter-bootstrap .tablesorter-processing.no-spinner .tablesorter-header-inner:before {
+	background-image: none !important;
+    content: none !important;
+}
+
+.tablesorter-bootstrap .tablesorter-processing.no-spinner  .tablesorter-header-inner {
+    margin-left: 0px; 
+}
+