- Fix a little CSS issue on Webkit

- Fix the room presence status

app/widgets/Rooms/_rooms.tpl

@@ -5,9 +5,9 @@
     </li>
     {loop="$conferences"}
         {$connected = $c->checkConnected($value->conference, $value->nick)}
-        <li data-jid="{$value->conference}" class="condensed"
+        <li data-jid="{$value->conference}"
             {if="$value->nick != null"} data-nick="{$value->nick}" {/if}
-            class="room {if="$connected"}online{/if}">
+            class="condensed room {if="$connected"}online{/if}">
             {if="$connected"}
                 <span class="icon bubble color {$value->name|stringToColor}"><i class="md md-people"></i></span>
             {else}

themes/material/css/list.css

@@ -74,7 +74,7 @@ ul.active li.active:not(.subheader) {
 ul.active li:hover:not(.subheader) > p.more:after,
 ul.active.all li:hover > p.more:after,
 ul.active li.active:not(.subheader) > p.more:after {
-    background-image: linear-gradient(to bottom, transparent, rgba(247, 247, 247, 1));
+    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(247, 247, 247, 1));
 }
 
 ul.active li:focus:not(.subheader),
@@ -86,7 +86,7 @@ ul.active li.active:not(.subheader) {
 ul.active li:focus:not(.subheader) > p.more:after,
 ul.active.all li:focus  > p.more:after,
 ul.active li.active:not(.subheader)  > p.more:after {
-    background-image: linear-gradient(to bottom, transparent, rgba(237, 237, 237, 1));
+    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(237, 237, 237, 1));
 }
 
 .dark ul.active li:hover:not(.subheader),
@@ -123,7 +123,7 @@ ul li > p.more:after {
     display: block;
     width: 100%;
     height: 3rem;
-    background-image: linear-gradient(to bottom, transparent, white);
+    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
     content: "";
     position: absolute;
     bottom: 0;