Refactor .menu-item style

source/css/_common/outline/header/menu.styl

@@ -36,18 +36,8 @@
   }
 
   .badge {
-    display: inline-block;
     font-weight: bold;
     line-height: 1;
-    margin-left: .35em;
-    margin-top: .35em;
-    text-align: center;
-    white-space: nowrap;
-
-    +mobile() {
-      float: right;
-      margin-left: 0;
-    }
   }
 }
 

source/css/_mixins.styl

@@ -272,3 +272,12 @@ gemini-block-not-first() {
     margin-top: $content-mobile-padding;
   }
 }
+
+menu-item-row() {
+  display: flex;
+  align-items: center;
+
+  .badge {
+    margin-left: auto;
+  }
+}

source/css/_schemes/Mist/_menu.styl

@@ -31,6 +31,7 @@
 
       +mobile() {
         text-align: left;
+        menu-item-row();
       }
     }
 
@@ -38,6 +39,7 @@
       background: white;
       border-radius: 10px;
       color: $black-light;
+      margin-left: .35em;
       padding: 1px 4px;
       text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
     }

source/css/_schemes/Muse/_menu.styl

@@ -27,6 +27,7 @@
 
     +mobile() {
       padding: 5px 10px;
+      menu-item-row();
     }
 
     &:hover, &.menu-item-active {
@@ -51,6 +52,7 @@
   .badge {
     background: $gainsboro;
     color: $black-light;
+    margin-left: .35em;
     padding: 1px 4px;
   }
 }

source/css/_schemes/Pisces/_menu.styl

@@ -10,9 +10,8 @@
 
   a {
     padding: 5px 20px;
-    position: relative;
-    text-align: left;
     transition-property: background-color;
+    menu-item-row();
   }
 
   +tablet-mobile() {
@@ -25,7 +24,6 @@
     background: $grey-light;
     border-radius: 10px;
     color: var(--content-bg-color);
-    float: right;
     padding: 2px 5px;
     text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
   }