UX: Add margin when displaying unlisted details in composer.

UX: Add margin when displaying unlisted details in composer.

diff --git a/app/assets/javascripts/discourse/app/templates/composer.hbs b/app/assets/javascripts/discourse/app/templates/composer.hbs
index 6f13315..c577fbc 100644
--- a/app/assets/javascripts/discourse/app/templates/composer.hbs
+++ b/app/assets/javascripts/discourse/app/templates/composer.hbs
@@ -29,7 +29,7 @@
                     <span class="whisper">{{d-icon "far-eye-slash"}}</span>
                   {{/if}}
                   {{#if model.unlistTopic}}
-                    <span class="whisper">({{i18n "composer.unlist"}})</span>
+                    <span class="unlist">({{i18n "composer.unlist"}})</span>
                   {{/if}}
                   {{#if model.noBump}}
                     <span class="no-bump">{{d-icon "anchor"}}</span>
diff --git a/app/assets/stylesheets/common/base/compose.scss b/app/assets/stylesheets/common/base/compose.scss
index d67224c..4d02ef2 100644
--- a/app/assets/stylesheets/common/base/compose.scss
+++ b/app/assets/stylesheets/common/base/compose.scss
@@ -169,6 +169,10 @@
     margin-right: 0.25em;
   }
 
+  .unlist {
+    margin-left: 0.25em;
+  }
+
   .display-edit-reason {
     display: inline-flex;
     a {

GitHub sha: 3ac5df05