From 2332422a8580e7c516ecc05e26559dbfbeb771b7 Mon Sep 17 00:00:00 2001
From: Guo Xiang Tan <tgx_world@hotmail.com>
Date: Thu, 4 Aug 2016 10:51:11 +0800
Subject: [PATCH] UX: Text wasn't centered properly in badge notification.

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

diff --git a/app/assets/stylesheets/common/components/badges.css.scss b/app/assets/stylesheets/common/components/badges.css.scss
index 3dd2d80eb44..c81be428132 100644
--- a/app/assets/stylesheets/common/components/badges.css.scss
+++ b/app/assets/stylesheets/common/components/badges.css.scss
@@ -9,7 +9,7 @@
   display: inline-block;
   font-weight: normal;
   white-space: nowrap;
-  @include border-radius-all(10px);
+  @include border-radius-all(9px);
 }
 
 // Category badges
@@ -234,13 +234,16 @@
 
 .badge-notification {
   @extend %badge;
-  padding: 4px 5px 2px 5px;
   vertical-align: middle;
   color: $secondary;
   font-size: 11px;
-  line-height: 1;
+  line-height: 18px;
+  min-width: 12px;
+  height: 18px;
+  padding: 0px 3px;
   text-align: center;
   background-color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 70%));
+
   &[href] {
     color: $secondary;
   }