Add small/lage font-size variables

css/converse.css

@@ -1248,7 +1248,6 @@
   #conversejs .chat-head.chat-head-chatbox {
     background-color: #F4A261; }
   #conversejs .chat-head .user-custom-message {
-    clear: left;
     color: white;
     font-size: 80%;
     font-style: italic;
@@ -1257,7 +1256,7 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     margin: 0;
-    padding-top: 0.2em; }
+    padding-top: 0.5em; }
 #conversejs .chatbox-btn {
   border-radius: 50%;
   border: 1px solid white;
@@ -1610,6 +1609,8 @@
       margin: 0.5em 0; }
   #conversejs #controlbox #users .add-converse-contact {
     margin: 0 1em 0.75em 1em; }
+  #conversejs #controlbox #chatrooms {
+    padding-top: 2em; }
     #conversejs #controlbox #chatrooms form.add-chatroom input[type=button],
     #conversejs #controlbox #chatrooms form.add-chatroom input[type=submit],
     #conversejs #controlbox #chatrooms form.add-chatroom input[type=text] {
@@ -2167,14 +2168,12 @@
     right: 116px;
     bottom: 10px; }
 
-#conversejs #controlbox .bookmarks-list {
-  margin-top: 2em; }
-  #conversejs #controlbox .bookmarks-list .bookmarks-toggle {
+#conversejs #controlbox .bookmarks-list .bookmarks-toggle {
   display: block;
   font-weight: bold;
   color: #818479;
   margin-bottom: 0.5em; }
-  #conversejs #controlbox .bookmarks-list .bookmarks li {
+#conversejs #controlbox .bookmarks-list .bookmarks li {
   padding: 0.1em 1em; }
   #conversejs #controlbox .bookmarks-list .bookmarks li .open-room {
     display: inline-block;

sass/_controlbox.scss

@@ -270,7 +270,7 @@
                     box-shadow: inset 2px -2px 20px rgba(0, 0, 0, 0.3);
                     color: $text-color;
                     display: block;
-                    font-size: 12px;
+                    font-size: $font-size-small;
                     height: $chat-head-height - 1px;
                     line-height: $chat-head-height - 1px;
                     margin: 0;

sass/_variables.scss

@@ -49,7 +49,9 @@ $chatbox-hover-height: 6px !default;
 $mobile_landscape_height: 450px !default;
 $mobile_portrait_length: 480px !default;
 
+$font-size-small: 12px !default;
 $font-size: 14px !default;
+$font-size-large: 16px !default;
 $legend-font-size: 16px !default;
 
 $chat-width: 200px !default;