UX: Automatic width for fontawesome icons on groups page.

2017-01-03 10:07:11 +08:00 · 2017-01-03 10:07:11 +08:00 · 40deef32e3
parent bbb3217f6a
commit 40deef32e3
1 changed files with 6 additions and 3 deletions
--- a/app/assets/stylesheets/common/base/groups.scss
+++ b/app/assets/stylesheets/common/base/groups.scss
@ -47,16 +47,19 @@
      vertical-align: middle;
    }

-    .avatar-flair {
-      $size: 40px;
+    $size: 40px;

+    .avatar-flair {
      background-size: $size;
      height: $size;
-      width: $size;

      i {
        font-size: $size !important;
      }
    }
+
+    .avatar-flair-image {
+      width: $size;
+    }
  }
 }