Make all .chat-info messages smaller

css/converse.css

@@ -10763,16 +10763,15 @@ body.reset {
   color: #3AA569;
   font-size: 14px;
   line-height: 14px;
-  padding: 0.35rem 1rem; }
+  font-size: 90%;
+  padding: 0.17rem 1rem; }
   #conversejs .message.chat-info.badge {
     color: white; }
   #conversejs .message.chat-info.chat-state-notification {
     font-style: italic; }
   #conversejs .message.chat-info.chat-event {
     clear: left;
-    font-style: italic;
-    font-size: 90%;
-    padding: 0.17rem 1rem; }
+    font-style: italic; }
   #conversejs .message.chat-info.chat-error {
     color: #D24E2B;
     font-weight: bold; }

sass/_messages.scss

@@ -37,7 +37,8 @@
             color: $chat-head-color;
             font-size: $message-font-size;
             line-height: $line-height-small;
-            padding: 0.35rem 1rem;
+            font-size: 90%;
+            padding: 0.17rem 1rem;
 
             &.badge {
                 color: $chat-head-text-color;
@@ -48,8 +49,6 @@
             &.chat-event {
                 clear: left;
                 font-style: italic;
-                font-size: 90%;
-                padding: 0.17rem 1rem
             }
             &.chat-error {
                 color: $warning-color;