From 74f158128efa1f2e1a226daff3631c08ec2e15c4 Mon Sep 17 00:00:00 2001
From: fo <fo@jitsi.org>
Date: Mon, 3 Nov 2014 16:55:45 +0200
Subject: [PATCH] Makes the number of participants blue.

---
 css/main.css | 7 ++++++-
 index.html   | 7 ++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/css/main.css b/css/main.css
index f26bcf467..a7f9d7baa 100644
--- a/css/main.css
+++ b/css/main.css
@@ -70,7 +70,7 @@ html, body{
     cursor: pointer;
 }
 
-#chatButton, #chatBottomButton, #contactListButton {
+#chatButton, #chatBottomButton, #contactListButton, #numberOfParticipants {
     -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
             transition: all .5s ease-in-out;
@@ -101,9 +101,14 @@ html, body{
     line-height: 13px;
     font-weight: bold;
     border-radius: 2px;
+    font-size: 11px;
     text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 }
 
+#contactListButton.active #numberOfParticipants {
+    color: #00ccff;
+}
+
 #recordButton {
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
diff --git a/index.html b/index.html
index f302117c0..a3a371cd2 100644
--- a/index.html
+++ b/index.html
@@ -63,7 +63,7 @@
     <script src="api_connector.js?v=2"></script>
     <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
     <link rel="stylesheet" href="css/font.css?v=5"/>
-    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css?v=28"/>
+    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css?v=29"/>
     <link rel="stylesheet" type="text/css" media="screen" href="css/videolayout_default.css?v=13" id="videolayout_default"/>
     <link rel="stylesheet" href="css/jquery-impromptu.css?v=4">
     <link rel="stylesheet" href="css/modaldialog.css?v=3">
@@ -282,8 +282,9 @@
                 <div class="bottom_button_separator"></div>
                 <span class="bottomToolbar_span">
                     <a class="bottomToolbarButton" data-container="body" data-toggle="popover" data-placement="top" id="contactlistpopover" content="Open / close contact list" onclick='BottomToolbar.toggleContactList();'>
-                        <i id="contactListButton" class="icon-contactList"></i>
-                        <span id="numberOfParticipants"></span>
+                        <i id="contactListButton" class="icon-contactList">
+                            <span id="numberOfParticipants"></span>
+                        </i>
                     </a>
                 </span>
                 <div class="bottom_button_separator"></div>