From de727f854a81c0a5610d82c4e173c13831836e9e Mon Sep 17 00:00:00 2001
From: Kegan Dougal <kegan@matrix.org>
Date: Mon, 8 Sep 2014 11:33:12 -0700
Subject: [PATCH] Make #matrix public rooms bold to make them stand out from
 the other public rooms. Ideally this would be metadata in /publicRooms to say
 something like 'featured channel', but for now, just make it a client side
 check.

---
 webclient/app.css        | 4 ++++
 webclient/home/home.html | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/webclient/app.css b/webclient/app.css
index 7698cb4fd..0c6ae9b66 100755
--- a/webclient/app.css
+++ b/webclient/app.css
@@ -269,6 +269,10 @@ a:active  { color: #000; }
     background-color: #faa;
 }
 
+.roomHighlight {
+    font-weight: bold;
+}
+
 /*** Participant list ***/
 
 #usersTableWrapper {
diff --git a/webclient/home/home.html b/webclient/home/home.html
index e3a49bb14..12b3c7f14 100644
--- a/webclient/home/home.html
+++ b/webclient/home/home.html
@@ -26,7 +26,10 @@
     
     <div class="public_rooms" ng-repeat="room in public_rooms | orderBy:'room_display_name'">
         <div>
-            <a href="#/room/{{ room.room_alias ? room.room_alias : room.room_id }}" >{{ room.room_display_name }}</a>
+            <a href="#/room/{{ room.room_alias ? room.room_alias : room.room_id }}" 
+                ng-class="room.room_display_name.toLowerCase().indexOf('#matrix:') === 0 ? 'roomHighlight' : ''">
+                {{ room.room_display_name }}
+            </a>
         </div>
     </div>
     <br/>