Make `.chat-info` text smaller.

css/converse.css

@@ -1553,9 +1553,9 @@
       padding: 5px; }
     #converse-embedded-chat .chatbox .chat-body .chat-info,
     #conversejs .chatbox .chat-body .chat-info {
-      line-height: 16px;
+      line-height: 14px;
       color: #3AA569;
-      font-size: 14px;
+      font-size: 12px;
       margin: 0.3em; }
       #converse-embedded-chat .chatbox .chat-body .chat-info.chat-event,
       #conversejs .chatbox .chat-body .chat-info.chat-event {

css/inverse.css

@@ -1599,9 +1599,9 @@ body {
       padding: 5px; }
     #converse-embedded-chat .chatbox .chat-body .chat-info,
     #conversejs .chatbox .chat-body .chat-info {
-      line-height: 22px;
+      line-height: 20px;
       color: #3AA569;
-      font-size: 16px;
+      font-size: 14px;
       margin: 0.3em; }
       #converse-embedded-chat .chatbox .chat-body .chat-info.chat-event,
       #conversejs .chatbox .chat-body .chat-info.chat-event {

sass/_chatbox.scss

@@ -131,9 +131,9 @@
                 padding: 5px;
             }
             .chat-info {
-                line-height: $line-height;
+                line-height: $line-height-small;
                 color: $chat-head-color;
-                font-size: $font-size;
+                font-size: $font-size-small;
                 margin: 0.3em;
                 &.chat-event {
                     clear: left;

sass/converse/_variables.scss

@@ -96,6 +96,7 @@ $legend-font-size: 16px !default;
 $toolbar-height: 25px !default;
 $toolbar-color: $greenish-white !default;
 
+$line-height-small:  14px !default;
 $line-height:  16px !default;
 
 $controlbox-width: 200px !default;