show new publish icon on hover

app/assets/javascripts/recordings.coffee

@@ -63,12 +63,14 @@ class @Recordings
             if type == 'display'
               roomName = Meeting.getInstance().getId()
               published = row.published
-              icon = getPublishClass(published)
               publishText = if published then 'unpublish' else 'publish'
               recordingActions = $('.hidden-elements').find('.recording-actions')
-              recordingActions.find('.recording-update > i')
-                .removeClass()
-                .addClass('fa '+icon)
+              recordingActions.find('.recording-update > i.default')
+                .removeClass(PUBLISHED_CLASSES.join(' '))
+                .addClass(getPublishClass(published))
+              recordingActions.find('.recording-update > i.hover')
+                .removeClass(PUBLISHED_CLASSES.join(' '))
+                .addClass(getPublishClass(!published))
               recordingActions.find('.recording-update')
                 .attr('data-published', published)
                 .attr('title', I18n[publishText+'_recording'])

app/assets/stylesheets/landing.scss

@@ -16,6 +16,17 @@
       .dataTables_empty {
         text-align: center;
       }
+      .recording-update:hover > {
+        .default {
+          display: none;
+        }
+        .hover {
+          display: inline-block;
+        }
+      }
+      .fa.hover {
+        display: none;
+      }
     }
   }
 

app/views/landing/rooms.html.erb

@@ -45,7 +45,8 @@
   </div>
   <div class="recording-actions">
     <button type="button" class="btn btn-default recording-update bottom-tooltip" data-published="">
-        <i class="fa" aria-hidden="true"></i>
+        <i class="fa default" aria-hidden="true"></i>
+        <i class="fa hover" aria-hidden="true"></i>
     </button>
     <a tabindex="0" role="button" class="btn btn-default has-popover delete-tooltip"
       data-placement="top">