Always show .icon-remove for roster contacts

Hovering is not supported on touchscreen devices.

css/converse.css

@@ -2200,7 +2200,7 @@
       #conversejs #converse-roster .roster-contacts dd .open-chat {
         margin: auto;
         padding: 0.5em 0em 0 1em;
-        width: 88%; }
+        width: 85%; }
         #conversejs #converse-roster .roster-contacts dd .open-chat .pulse {
           padding: 0;
           margin: 0; }
@@ -2320,8 +2320,6 @@
             color: #2A9D8F; }
       #conversejs #converse-roster .roster-contacts dd:hover {
         background-color: #DCF9F6; }
-        #conversejs #converse-roster .roster-contacts dd:hover .remove-xmpp-contact {
-          display: inline-block; }
       #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .request-actions {
         padding-top: 0.5em;
         margin-right: 1em;
@@ -2329,7 +2327,7 @@
         margin-bottom: 0.3em;
         float: right; }
       #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .open-chat {
-        max-width: 75%; }
+        max-width: 70%; }
         #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .open-chat .req-contact-name {
           width: 100%; }
       #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .req-contact-name {
@@ -2357,9 +2355,8 @@
       #conversejs #converse-roster .roster-contacts dd a.remove-xmpp-contact {
         float: right;
         margin-right: 1em;
-        display: none;
         padding-top: 0.5em;
-        color: #818479; }
+        color: #A8ABA1; }
   #conversejs #converse-roster span.pending-contact-name {
     line-height: 16px;
     width: 100%; }

sass/_roster.scss

@@ -112,7 +112,7 @@
             .open-chat {
                 margin: auto;
                 padding: 0.5em 0em 0 1em;
-                width: 88%;
+                width: 85%;
                 .pulse {
                     padding: 0;
                     margin: 0;
@@ -201,9 +201,6 @@
 
             &:hover {
                 background-color: $highlight-color;
-                .remove-xmpp-contact {
-                    display: inline-block;
-                }
             }
             &.requesting-xmpp-contact {
                 .request-actions {
@@ -214,7 +211,7 @@
                     float: right;
                 }
                 .open-chat {
-                    max-width: 75%;
+                    max-width: 70%;
                     .req-contact-name {
                         width: 100%;
                     }
@@ -252,9 +249,8 @@
                 &.remove-xmpp-contact {
                     float: right;
                     margin-right: 1em;
-                    display: none;
                     padding-top: 0.5em;
-                    color: $text-color;
+                    color: $subdued-color;
                 }
             }
         }

sass/_variables.scss

@@ -42,8 +42,8 @@ $toolbar-color: #FFF5EE !default;
 
 $moderator-color: #D24E2B !default;
 $online-color: #1A9707 !default;
-
 $error-color: #D24E2B !default;
+$subdued-color: #A8ABA1 !default;
 
 $chatbox-border-radius: 4px !default;
 $bottom-gutter-height: 35px !default;
@@ -60,6 +60,7 @@ $legend-font-size: 16px !default;
 
 $line-height:  16px !default;
 
+$controlbox-width: 200px !default;
 $chat-width: 200px !default;
 $chat-height: 450px !default;
 $chat-gutter: 0.5em !default;