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,9 +11968,9 @@ 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%;
-        font-family: var(--normal_font); }
+    #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;
       color: var(--text-color-lighten-15-percent); }

sass/_messages.scss

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