CHG: Fix tabs with badges

3 files changed, 19 insertions, 18 deletions

diff --git a/src/buttons.less b/src/buttons.less
index f2beca0..f06d8e2 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -69,12 +69,12 @@
     color: @core-link-color;
     &:focus,
     &:hover {
-      background: lighten(@core-border-color, 2%);
+      background: fade(@core-border-color, 25%);
       color: darken(@core-link-color, 15%);
     }
     &:active,
     &.active {
-      background: @core-border-color;
+      background: fade(@core-border-color, 50%);
       color: darken(@core-link-color, 25%);
     }
   }
@@ -130,7 +130,6 @@
 
   .btn {
     flex: 1 0 auto;
-
     &:first-of-type:not(:last-of-type) {
       border-bottom-right-radius: 0;
       border-top-right-radius: 0;
@@ -150,6 +149,10 @@
     &.active {
       z-index: 99;
     }
+
+    &.btn-link {
+      margin-left: 0;
+    }
   }
 
   &.btn-group-block {
diff --git a/src/cards.less b/src/cards.less
index f11b8e6..d6c9194 100644
--- a/src/cards.less
+++ b/src/cards.less
@@ -32,8 +32,8 @@
 
     &:last-child {
       img {
-        border-bottom-left-radius: .3rem;
-        border-bottom-right-radius: .3rem;
+        border-bottom-left-radius: @border-radius;
+        border-bottom-right-radius: @border-radius;
       }
     }
   }
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);
+        }
+      }
     }
   }
 }