style manage muted button

customize.dist/src/less2/include/messenger.less

@@ -126,8 +126,13 @@
                 }
             }
             .cp-app-contacts-muted-button {
+                margin: 10px;
+                border: 0;
                 display: none;
                 order: 3;
+                .fa-bell-slash {
+                    margin-right: 10px;
+                }
             }
         }
     }

www/common/messenger-ui.js

@@ -70,9 +70,11 @@ define([
                 h('div.cp-app-contacts-category-content')
             ]),
             h('div.cp-app-contacts-friends.cp-app-contacts-category', [
-                h('div.cp-app-contacts-category-content.cp-contacts-friends'),
+                h('button.cp-app-contacts-muted-button',[
-                h('h2.cp-app-contacts-category-title', Messages.contacts_friends),
+                    h('i.fa.fa-bell-slash'),
-                h('button.cp-app-contacts-muted-button', Messages.contacts_manageMuted || 'MANAGE MUTED') // XXX
+                    Messages.contacts_manageMuted || 'MANAGE MUTED' // XXX
+                ]), 
+                h('div.cp-app-contacts-category-content.cp-contacts-friends')
             ]),
             h('div.cp-app-contacts-rooms.cp-app-contacts-category', [
                 h('div.cp-app-contacts-category-content'),