Float right the num users, apply room highlight to user count.

2 files changed, 7 insertions, 1 deletions

diff --git a/webclient/app.css b/webclient/app.css

index b438cf0405..19fae632ff 100755
--- a/webclient/app.css
+++ b/webclient/app.css
@@ -274,9 +274,14 @@ a:active  { color: #000; }
 }
 
 .publicRoomEntry {
+    max-width: 480px;
     margin-bottom: 5px;
 }
 
+.publicRoomJoinedUsers {
+    float: right;
+}
+
 /*** Participant list ***/
 
 #usersTableWrapper {
diff --git a/webclient/home/home.html b/webclient/home/home.html

index f3abd76a05..6d599e6849 100644
--- a/webclient/home/home.html
+++ b/webclient/home/home.html
@@ -30,7 +30,8 @@
                 ng-class="room.room_display_name.toLowerCase().indexOf('#matrix:') === 0 ? 'roomHighlight' : ''">
                 {{ room.room_display_name }}
             </a>
-            <div ng-show="room.num_joined_members">
+            <div ng-class="room.room_display_name.toLowerCase().indexOf('#matrix:') === 0 ? 'publicRoomJoinedUsers roomHighlight' : 'publicRoomJoinedUsers'"
+            ng-show="room.num_joined_members">
                 {{ room.num_joined_members }} {{ room.num_joined_members == 1 ? 'user' : 'users' }}
             </div>
         </div>