enhance badge box v-align

Author: sesemaya

common/common.scss

@@ -1381,6 +1381,12 @@ div.poll .poll-buttons .btn:first-child, .modal-footer a:first-child, .modal-foo
 .badge-wrapper[href]:focus {
   outline: 0;
 }
+.badge-wrapper.box, .badge-wrapper.bullet {
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
 .badge-wrapper.box span.badge-category, .badge-wrapper.bullet span.badge-category {
   line-height: 32px;
 }
@@ -1407,6 +1413,10 @@ div.poll .poll-buttons .btn:first-child, .modal-footer a:first-child, .modal-foo
   width: 16px;
 }
 .badge-wrapper.box {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
   margin-top: 0;
 }
 .badge-wrapper.box span.badge-category {
@@ -1423,12 +1433,6 @@ div.poll .poll-buttons .btn:first-child, .modal-footer a:first-child, .modal-foo
 .badge-wrapper.box span.badge-category-parent-bg + .badge-category-bg + .badge-category {
   margin-left: 36px;
 }
-.badge-wrapper.bullet {
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
 
 body code, body
 kbd, body

scss/common/_chip.scss

@@ -40,6 +40,8 @@
 
   &.box,
   &.bullet {
+    align-items: center;
+
     span {
       &.badge-category {
         line-height: $chip-height;
@@ -69,6 +71,7 @@
   }
 
   &.box {
+    display: inline-flex;
     margin-top: 0;
 
     span {
@@ -91,8 +94,4 @@
       }
     }
   }
-
-  &.bullet {
-    align-items: center;
-  }
 }