CHG: Fix tabs with badges

1 files changed, 11 insertions, 13 deletions

diff --git a/src/navigation.less b/src/navigation.less
index ae7da3d..2d57c66 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -35,13 +35,11 @@
 
 // Tabs
 .tab {
+  border-bottom: .1rem solid @control-color;
   display: flex;
-  flex-wrap: nowrap;
-  max-width: 100%;
-  overflow-x: auto;
+  flex-wrap: wrap;
 
   .tab-item {
-    border-bottom: .1rem solid @control-color;
     margin-top: 0;
 
     a {
@@ -62,21 +60,21 @@
       border-bottom-color: darken(@core-color, 10%);
       color: darken(@core-link-color, 10%);
     }
-
-    .badge {
-      &[data-badge]::after {
-        position: absolute;
-        right: -1.4rem;
-        top: 1rem;
-        transform: translate(-50%, -1rem);
-      }
-    }
   }
 
   &.tab-block {
     .tab-item {
       flex: 1 0 auto;
       text-align: center;
+
+      .badge {
+        &[data-badge]::after {
+          position: absolute;
+          right: -1.4rem;
+          top: 1rem;
+          transform: translate(-50%, -1rem);
+        }
+      }
     }
   }
 }