Tweak chatroom heading and description margins

css/converse.css

@@ -7371,7 +7371,7 @@ body.reset {
         width: 100%;
         height: 100vh; } }
   #conversejs .chatbox .chat-title {
-    font-family: Futura,Helvetica,Trebuchet MS,Arial,sans-serif;
+    font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
     color: white;
     display: block;
     line-height: 20px;
@@ -8202,7 +8202,8 @@ body.reset {
   #conversejs .chat-head-chatroom .chatroom-description {
     color: #f6ccc1;
     font-size: 16px;
-    font-size: 80%;
+    font-size: 70%;
+    margin-top: 3px;
     overflow-y: hidden;
     overflow: hidden;
     text-overflow: ellipsis;

css/inverse.css

@@ -7422,7 +7422,7 @@ body {
         width: 100%;
         height: 100vh; } }
   #conversejs .chatbox .chat-title {
-    font-family: Futura,Helvetica,Trebuchet MS,Arial,sans-serif;
+    font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
     color: white;
     display: block;
     line-height: 24px;
@@ -8341,7 +8341,8 @@ body {
   #conversejs .chat-head-chatroom .chatroom-description {
     color: #f6ccc1;
     font-size: 18px;
-    font-size: 80%;
+    font-size: 70%;
+    margin-top: 3px;
     overflow-y: hidden;
     overflow: hidden;
     text-overflow: ellipsis;

sass/_chatbox.scss

@@ -138,7 +138,7 @@
             }
         }
         .chat-title {
-            font-family: Futura,Helvetica,Trebuchet MS,Arial,sans-serif; 
+            font-family: $heading-font;
             color: white;
             display: block;
             line-height: $line-height-large;

sass/_chatrooms.scss

@@ -13,7 +13,8 @@
         .chatroom-description {
             color: lighten($chatroom-head-color, 25%);
             font-size: $font-size-large;
-            font-size: 80%;
+            font-size: 70%;
+            margin-top: 3px;
             overflow-y: hidden;
             overflow: hidden;
             text-overflow: ellipsis;