🎨 give suspended user badge a little room (#732)

closes #8546 - creates new `.suspended` class as a copy of `.administrator` for better naming and add `15px` of `margin-left` to it.
TryGhost · Jun 13, 2017 · 521748b · 521748b
1 parent 3a84a5b
commit 521748b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/app/styles/layouts/users.css b/app/styles/layouts/users.css
@@ -81,6 +81,15 @@
     background: #fff;
 }
 
+.gh-badge.suspended {
+    margin-left: 15px;
+    border: color(var(--red) blackness(+8%)) 1px solid;
+    background: linear-gradient(
+    color(var(--red) whiteness(+10%)),
+    color(var(--red) blackness(+4%))
+    );
+}
+
 
 /* User invitation modal
 /* ---------------------------------------------------------- */

diff --git a/app/templates/team/user.hbs b/app/templates/team/user.hbs
@@ -6,7 +6,7 @@
             {{user.name}}
 
             {{#if user.isSuspended}}
-            <span class="gh-badge administrator" data-test-suspended-badge>Suspended</span>
+            <span class="gh-badge suspended" data-test-suspended-badge>Suspended</span>
             {{/if}}
         </h2>