From fce902ab1ede77c66cc057590d22251148b98e54 Mon Sep 17 00:00:00 2001
From: Guo Xiang Tan <tgx_world@hotmail.com>
Date: Mon, 8 Aug 2016 07:24:09 +0800
Subject: [PATCH] UX: Centering Badge notification styles on mobile.

---
 app/assets/stylesheets/mobile/topic-list.scss | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index 660446f6f55..c2a658e32ae 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -86,7 +86,12 @@
     position: relative;
     top: -1px;
     font-size: 1.071em;
-    padding: 4px 6px 3px 6px;
+    line-height: 20px;
+    min-width: 14px;
+    height: 20px;
+    border-radius: 10px;
+    padding: 0px 3px;
+
     i {color: $secondary;}
 
     &.new-topic::before {
@@ -141,6 +146,10 @@
     box-sizing: inherit;
   }
 
+  .topic-post-badges {
+    box-sizing: border-box;
+  }
+
   .posts {
     width: 10%;
     vertical-align: top;
@@ -149,6 +158,12 @@
   .age {
     margin-left: 5px;
   }
+
+  td.posts {
+    .badge-notification {
+      padding: 0px 6px;
+    }
+  }
 }
 
 tr.category-topic-link {