Always show unread count instead of only on hover. Fix unread count in bookmarks list

clientapp/models/muc.js

@@ -38,6 +38,15 @@ module.exports = HumanModel.define({
                 return this.name || this.jid;
             }
         },
+        displayUnreadCount: {
+            deps: ['unreadCount'],
+            fn: function () {
+                if (this.unreadCount > 0) {
+                    return this.unreadCount.toString();
+                }
+                return '';
+            }
+        },
         hasUnread: {
             deps: ['unreadCount'],
             fn: function () {

clientapp/views/mucListItem.js

@@ -14,7 +14,7 @@ module.exports = HumanView.extend({
     },
     textBindings: {
         displayName: '.name',
-        unreadCount: '.unread'
+        displayUnreadCount: '.unread'
     },
     events: {
         'click': 'handleClick'

public/css/app/roster.styl

@@ -63,12 +63,12 @@
     -webkit-transition: all .3s ease-in 0
     -moz-transition: all .3s ease-in 0
 
-    &:hover
-      background: $sidebarActive
-
     .unread:not(:empty)
       display: block
 
+    &:hover
+      background: $sidebarActive
+
     &.online, &.chat, &.dnd, &.away, &.xa
 
       &:after

public/css/otalk.css

@@ -380,14 +380,14 @@ h3 {
   -webkit-transition: all 0.3s ease-in 0;
   -moz-transition: all 0.3s ease-in 0;
 }
+#roster li .unread:not(:empty),
+#bookmarks li .unread:not(:empty) {
+  display: block;
+}
 #roster li:hover,
 #bookmarks li:hover {
   background: #1f2d49;
 }
-#roster li:hover .unread:not(:empty),
-#bookmarks li:hover .unread:not(:empty) {
-  display: block;
-}
 #roster li.online:after,
 #bookmarks li.online:after,
 #roster li.chat:after,