From 40deef32e36acbd491fa1731fdf30bff47269ffa Mon Sep 17 00:00:00 2001
From: Guo Xiang Tan <tgx_world@hotmail.com>
Date: Tue, 3 Jan 2017 10:07:11 +0800
Subject: [PATCH] UX: Automatic width for fontawesome icons on groups page.

---
 app/assets/stylesheets/common/base/groups.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/common/base/groups.scss b/app/assets/stylesheets/common/base/groups.scss
index a0833ff8c3..f40697b01c 100644
--- 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;
+    }
   }
 }