From fb0b54f7f810ecfd425c4ed2ca8b6abbc8324c7b Mon Sep 17 00:00:00 2001
From: Joe <33972521+hnb-ku@users.noreply.github.com>
Date: Mon, 27 Aug 2018 11:16:48 +0800
Subject: [PATCH] UX: Styles for user-cards should the same with badges on /
 off

---
 app/assets/stylesheets/desktop/user-card.scss | 58 +++++++++----------
 1 file changed, 27 insertions(+), 31 deletions(-)

diff --git a/app/assets/stylesheets/desktop/user-card.scss b/app/assets/stylesheets/desktop/user-card.scss
index ee1b091b936..4000b275c43 100644
--- a/app/assets/stylesheets/desktop/user-card.scss
+++ b/app/assets/stylesheets/desktop/user-card.scss
@@ -7,7 +7,7 @@ $user_card_background: $secondary;
 #user-card,
 #group-card {
   position: absolute;
-  width: 500px;
+  width: 580px;
   left: -9999px;
   top: -9999px;
   z-index: z("usercard");
@@ -268,42 +268,38 @@ $user_card_background: $secondary;
     color: scale-color($user_card_background, $lightness: 70%);
   }
 
-  &.show-badges {
-    width: 580px;
+  .names {
+    float: left;
+    width: 45%;
 
-    .names {
-      float: left;
-      width: 45%;
+    span {
+      display: block;
+      width: 250px;
+    }
+  }
 
-      span {
-        display: block;
-        width: 250px;
-      }
+  .badge-section {
+    float: left;
+    width: 500px;
+    padding-bottom: 10px;
+    margin-top: 5px;
+
+    .user-badge {
+      background: $primary-very-low;
+      border: 1px solid $primary-low;
+      color: $user_card_primary;
     }
 
-    .badge-section {
-      float: left;
-      width: 500px;
-      padding-bottom: 10px;
-      margin-top: 5px;
-
-      .user-badge {
-        background: $primary-very-low;
-        border: 1px solid $primary-low;
-        color: $user_card_primary;
-      }
-
-      h3 {
-        color: $user_card_background;
-        font-size: $font-0;
-        margin-bottom: -8px;
-      }
+    h3 {
+      color: $user_card_background;
+      font-size: $font-0;
+      margin-bottom: -8px;
     }
+  }
 
-    .more-user-badges {
-      @extend .user-badge;
-      padding: 3px 8px;
-    }
+  .more-user-badges {
+    @extend .user-badge;
+    padding: 3px 8px;
   }
 
   .suspended {