From 3ac5df0546b80d930205bd40e6972c7a8377ca60 Mon Sep 17 00:00:00 2001
From: Guo Xiang Tan <gxtan1990@gmail.com>
Date: Thu, 30 Apr 2020 10:50:26 +0800
Subject: [PATCH] UX: Add margin when displaying unlisted details in composer.

---
 app/assets/javascripts/discourse/app/templates/composer.hbs | 2 +-
 app/assets/stylesheets/common/base/compose.scss             | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/discourse/app/templates/composer.hbs b/app/assets/javascripts/discourse/app/templates/composer.hbs
index 6f133154bdf..c577fbc7048 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 d67224cc613..4d02ef28c6e 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 {