Integrate .nav-links li a CSS for mobile to the specific CSS

Signed-off-by: Takuya Noguchi <takninnovationresearch@gmail.com>

app/assets/stylesheets/framework/header.scss

@@ -602,3 +602,11 @@
     @include emoji-menu-toggle-button;
   }
 }
+
+.nav-links > li > a {
+  .badge.badge-pill {
+    @include media-breakpoint-down(xs) { display: none; }
+  }
+
+  @include media-breakpoint-down(xs) { margin-right: 3px; }
+}

app/assets/stylesheets/framework/mobile.scss

@@ -4,14 +4,6 @@
     margin-top: 20px;
   }
 
-  .nav-links > li > a {
-    margin-right: 3px;
-
-    .badge.badge-pill {
-      display: none;
-    }
-  }
-
   .container .title {
     padding-left: 15px !important;
   }