Revert "UX: Centering Badge notification styles on mobile."

This reverts commit fce902ab1e.

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(9px);
+  @include border-radius-all(10px);
 }
 
 // Category badges
@@ -234,16 +234,13 @@
 
 .badge-notification {
   @extend %badge;
+  padding: 4px 5px 2px 5px;
   vertical-align: middle;
   color: $secondary;
   font-size: 11px;
-  line-height: 18px;
-  min-width: 12px;
-  height: 18px;
-  padding: 0px 3px;
+  line-height: 1;
   text-align: center;
   background-color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 70%));
-
   &[href] {
     color: $secondary;
   }

app/assets/stylesheets/mobile/topic-list.scss

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