CSS tweaks

css/converse.css

@@ -5804,7 +5804,7 @@ body.reset {
     #conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle {
       display: block;
       color: #777;
-      margin-top: 1em; }
+      margin: 0.5em 0 0.5em 0; }
       #conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover {
         color: #585B51; }
     #conversejs #controlbox #chatrooms .rooms-list-container .rooms-list {
@@ -6007,7 +6007,7 @@ body.reset {
       width: 100%; }
   #conversejs #converse-roster .roster-contacts {
     padding: 0;
-    margin: 0.2em 0;
+    margin: 0 0 0.2em 0;
     height: 100%;
     overflow-x: hidden;
     overflow-y: auto; }
@@ -6016,7 +6016,7 @@ body.reset {
       color: #777;
       font-weight: normal;
       text-shadow: 0 1px 0 #FAFAFA;
-      margin: 1em 0 0 0; }
+      margin: 0.5em 0 0.5em 0; }
       #conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
         color: #777;
         display: block;

css/inverse.css

@@ -5876,7 +5876,7 @@ body {
     #conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle {
       display: block;
       color: #777;
-      margin-top: 1em; }
+      margin: 0.5em 0 0.5em 0; }
       #conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover {
         color: #585B51; }
     #conversejs #controlbox #chatrooms .rooms-list-container .rooms-list {
@@ -6135,7 +6135,7 @@ body {
       width: 100%; }
   #conversejs #converse-roster .roster-contacts {
     padding: 0;
-    margin: 0.2em 0;
+    margin: 0 0 0.2em 0;
     height: 100%;
     overflow-x: hidden;
     overflow-y: auto; }
@@ -6144,7 +6144,7 @@ body {
       color: #777;
       font-weight: normal;
       text-shadow: 0 1px 0 #FAFAFA;
-      margin: 1em 0 0 0; }
+      margin: 0.5em 0 0.5em 0; }
       #conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
         color: #777;
         display: block;

sass/_controlbox.scss

@@ -237,7 +237,7 @@
                 .rooms-toggle {
                     display: block;
                     color: $text-color;
-                    margin-top: 1em;
+                    margin: 0.5em 0 0.5em 0;
                     &:hover {
                         color: $dark-gray-color;
                     }

sass/_roster.scss

@@ -53,7 +53,7 @@
 
     .roster-contacts {
         padding: 0;
-        margin: 0.2em 0;
+        margin: 0 0 0.2em 0;
         height: 100%;
         overflow-x: hidden;
         overflow-y: auto;
@@ -63,7 +63,7 @@
             color: $text-color;
             font-weight: normal;
             text-shadow: 0 1px 0 $text-shadow-color;
-            margin: 1em 0 0 0;
+            margin: 0.5em 0 0.5em 0;
 
             .group-toggle {
                 &:hover {