Fixes #1417

CHANGES.md

@@ -5,6 +5,7 @@
 - Accessibility: Tag the chat-content as an ARIA live region, for screen readers
 - #1369 Don't wrongly interpret message with `subject` as a topic change.
 - #1408 new config option `roomconfig_whitelist`
+- #1417 Margin between nickname and badge
 - #1421 fix direct invite for membersonly room
 
 ## 4.1.0 (2019-01-11)

css/converse.css

@@ -11968,8 +11968,8 @@ body.converse-fullscreen {
       font-family: var(--heading-font);
       font-size: 115%;
       font-weight: bold; }
-      #conversejs .message.chat-msg .chat-msg__heading .chat-msg__author .badge {
-        font-size: 80%;
+    #conversejs .message.chat-msg .chat-msg__heading .badge {
+      margin-left: 0.5em;
       font-family: var(--normal_font); }
     #conversejs .message.chat-msg .chat-msg__heading .chat-msg__time {
       padding-left: 0.25em;

sass/_messages.scss

@@ -226,11 +226,11 @@
                     font-family: var(--heading-font);
                     font-size: 115%;
                     font-weight: bold;
+                }
                 .badge {
-                        font-size: 80%;
+                    margin-left: 0.5em;
                     font-family: var(--normal_font);
                 }
-                }
                 .chat-msg__time {
                     padding-left: 0.25em;
                     color: var(--text-color-lighten-15-percent);