VRFS-595 fix format of session invitation notification

web/app/assets/javascripts/sidebar.js

@@ -538,11 +538,14 @@
                 }).error(app.ajaxError);
 
                 var participantHtml = "You have been invited to join a session with: <br/><br/>";
+                participantHtml += "<table><tbody>";
 
                 $.each(participants, function(index, val) {
-                     participantHtml += "<img class='avatar_large' src='" + val.photo_url + "' />&nbsp;" + val.name + "<br/>";
+                     participantHtml += "<tr><td><img class='avatar-small' src='" + val.photo_url + "' /></td><td>" + val.name + "</td></tr>";
                 });
 
+                participantHtml += "</tbody></table>";
+
                 // display notification
                 app.notify({
                     "title": "Session Invitation",

web/app/assets/stylesheets/client/sidebar.css.scss

@@ -98,7 +98,7 @@
         ms-filter: "alpha(opacity=50)";
     }
 
-    li .avatar-small {
+   .avatar-small {
         float:left;
         padding:1px;
         width:36px;
@@ -110,7 +110,7 @@
         border-radius:18px;
     }
 
-    li .avatar-small img {
+   .avatar-small img {
         width: 36px;
         height: 36px;
         -webkit-border-radius:18px;