keeps margin for user status emojis consistent

- adds extra margin to the user-status-emoji
- removes whitespaces from the issable_meta helper

3 files changed, 27 insertions, 0 deletions

diff --git a/app/assets/stylesheets/pages/issuable.scss b/app/assets/stylesheets/pages/issuable.scss
index d16a63d009a..cc10d305b40 100644
--- a/app/assets/stylesheets/pages/issuable.scss
+++ b/app/assets/stylesheets/pages/issuable.scss
@@ -701,6 +701,15 @@
   align-self: center;
   overflow: hidden;
   text-overflow: ellipsis;
+
+  .user-status-emoji {
+    margin: 0 8px 0 4px;
+
+    gl-emoji {
+      font-size: 1em;
+      line-height: 1;
+    }
+  }
 }
 
 .js-issuable-selector-wrap {
diff --git a/app/assets/stylesheets/pages/members.scss b/app/assets/stylesheets/pages/members.scss
index 5fdb2b4a90a..1fd725ee589 100644
--- a/app/assets/stylesheets/pages/members.scss
+++ b/app/assets/stylesheets/pages/members.scss
@@ -195,6 +195,15 @@
     word-break: break-all;
   }
 
+  .user-status-emoji {
+    margin-right: 4px;
+
+    gl-emoji {
+      font-size: 1em;
+      line-height: 1;
+    }
+  }
+
   .member-group-link {
     display: inline-block;
   }
diff --git a/app/assets/stylesheets/pages/notes.scss b/app/assets/stylesheets/pages/notes.scss
index 2e1b2126887..9a9977d43ac 100644
--- a/app/assets/stylesheets/pages/notes.scss
+++ b/app/assets/stylesheets/pages/notes.scss
@@ -421,6 +421,15 @@ ul.notes {
   &.discussion {
     padding-bottom: 0;
   }
+
+  .user-status-emoji {
+    margin-right: 4px;
+
+    gl-emoji {
+      font-size: 1em;
+      line-height: 1;
+    }
+  }
 }
 
 .system-note .note-header-info {