diff --git a/bbb-lti/grails-app/assets/javascripts/tool.js b/bbb-lti/grails-app/assets/javascripts/tool.js
index 4f9da332264fd75ad2c5147bf6a547088e1af0b8..52695451cdedd1defd109bec500b9fb0976359c8 100644
--- a/bbb-lti/grails-app/assets/javascripts/tool.js
+++ b/bbb-lti/grails-app/assets/javascripts/tool.js
@@ -15,13 +15,13 @@
     You should have received a copy of the GNU Lesser General Public License along
     with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 */
-$(document).ready( function () {
+$(document).ready(function() {
 	if (typeof jQuery !== 'undefined') {
 		(function($) {
 			$('[data-toggle="confirmation"]').confirmation({popout: true});
 			$('#recordings').dataTable({
 				columnDefs: [ {
-					targets: 3,
+					targets: 4,
 					render: $.fn.dataTable.render.moment('X', 'LLL', locale)
 				} ],
 				sPaginationType : "full_numbers",
@@ -31,10 +31,17 @@ $(document).ready( function () {
 					null,
 					null,
 					null,
+					null,
 					{ "width": "160px" }
 				],
-				"order": [[ 3, "desc" ]]
+				"order": [[ 4, "desc" ]]
 			});
+			$(".glyphicon-eye-open").hover(function() {
+        $(this).toggleClass('glyphicon-eye-open glyphicon-eye-close');
+    	});
+			$(".glyphicon-eye-close").hover(function() {
+        $(this).toggleClass('glyphicon-eye-close glyphicon-eye-open');
+    	});
 		})(jQuery);
-	}
+	};
 });
diff --git a/bbb-lti/grails-app/views/tool/index.gsp b/bbb-lti/grails-app/views/tool/index.gsp
index c6b8526b94f0cac1beaa7237b3364ad39067c339..beabc86363ae1beef37d4e3f844f78777853f9d0 100644
--- a/bbb-lti/grails-app/views/tool/index.gsp
+++ b/bbb-lti/grails-app/views/tool/index.gsp
@@ -45,15 +45,15 @@
                     <td class="cell c1" style="text-align:left;">${r.name}</td>
                     <td class="cell c2" style="text-align:left;">${r.metadata.contextactivitydescription}</td>
                     <td class="cell c3" style="text-align:left;">${r.metadata.contextactivitydescription}</td>
-                    <td class="cell c4" style="text-align:left;">${r.reportDate}</td>
+                    <td class="cell c4" style="text-align:left;">${r.unixDate}</td>
                     <td class="cell c5" style="text-align:right;">${r.duration}</td>
                     <g:if test="${ismoderator}">
                     <td class="cell c6 lastcol" style="text-align:center;">
-                      <g:if test="${r.published == 'true'}">
-                      <a title="<g:message code="tool.view.recording.unpublish" />" class="btn btn-default btn-sm glyphicon glyphicon-eye-close" name="unpublish_recording" type="submit" value="${r.recordID}" href="${createLink(controller:'tool',action:'publish',id: '0')}?bbb_recording_published=${r.published}&bbb_recording_id=${r.recordID}"></a>
+                      <g:if test="${r.published}">
+                      <a title="<g:message code="tool.view.recording.unpublish" />" class="btn btn-default btn-sm glyphicon glyphicon-eye-open" name="unpublish_recording" type="submit" value="${r.recordID}" href="${createLink(controller:'tool',action:'publish',id: '0')}?bbb_recording_published=${r.published}&bbb_recording_id=${r.recordID}"></a>
                       </g:if>
                       <g:else>
-                      <a title="<g:message code="tool.view.recording.publish" />" class="btn btn-default btn-sm glyphicon glyphicon-eye-open" name="publish_recording" type="submit" value="${r.recordID}" href="${createLink(controller:'tool',action:'publish',id: '0')}?bbb_recording_published=${r.published}&bbb_recording_id=${r.recordID}"></a>
+                      <a title="<g:message code="tool.view.recording.publish" />" class="btn btn-default btn-sm glyphicon glyphicon-eye-close" name="publish_recording" type="submit" value="${r.recordID}" href="${createLink(controller:'tool',action:'publish',id: '0')}?bbb_recording_published=${r.published}&bbb_recording_id=${r.recordID}"></a>
                       </g:else>
                       <a title="<g:message code="tool.view.recording.delete" />" class="btn btn-danger btn-sm glyphicon glyphicon-trash" name="delete_recording" value="${r.recordID}"
                         data-toggle="confirmation"