Smaller font for the room features list in overlay view mode

css/converse.css

@@ -10500,10 +10500,9 @@ body.reset {
           #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-header .hide-occupants {
             align-self: flex-end;
             cursor: pointer; }
-          #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-header .occupants-heading,
-          #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-header .occupants-heading {
-            font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
-            padding: 0.3em 0; }
+        #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
+        #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
+          font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif; }
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul,
         #conversejs .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul {
           padding: 0; }
@@ -10640,8 +10639,10 @@ body.reset {
   #conversejs.converse-overlayed .chatbox.chatroom .chatbox-buttons {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%; }
+  #conversejs.converse-overlayed .chatbox.chatroom .chatroom-body .occupants .occupants-heading {
+    padding: 0; }
   #conversejs.converse-overlayed .chatbox.chatroom .chatroom-body .occupants .chatroom-features .feature {
-    font-size: 12px; }
+    font-size: 10px; }
   #conversejs.converse-overlayed .chatbox.chatroom .chatroom-body .chat-area {
     min-width: 250px; }
   #conversejs.converse-overlayed .chatbox.chatroom .sendXMPPMessage .chat-toolbar li .toolbar-menu {

sass/_chatrooms.scss

@@ -126,7 +126,7 @@
                 .chat-area {
                     display: flex;
                     flex-direction: column;
-                    word-wrap: break-word; 
+                    word-wrap: break-word;
                     .new-msgs-indicator {
                         background-color: $chatroom-head-color;
                     }
@@ -153,12 +153,10 @@
                             align-self: flex-end;
                             cursor: pointer;
                         }
-                        .occupants-heading {
-                            font-family: $heading-font; 
-                            padding: 0.3em 0;
-                        }
                     }
-
+                    .occupants-heading {
+                        font-family: $heading-font;
+                    }
                     .awesomplete {
                         ul {
                             padding: 0;
@@ -312,9 +310,12 @@
             }
             .chatroom-body {
                 .occupants {
+                    .occupants-heading {
+                        padding: 0;
+                    }
                     .chatroom-features {
                         .feature {
-                            font-size: $font-size-small;
+                            font-size: $font-size-tiny;
                         }
                     }
                 }

sass/_variables.scss

@@ -131,6 +131,7 @@ $box-close-button-padding-right: 4px !default;
 $chatbox-button-size: 14px !default;
 $fullpage-chatbox-button-size: 16px !default;
 
+$font-size-tiny: 10px !default;
 $font-size-small: 12px !default;
 $font-size: 14px !default;
 $font-size-large: 16px !default;