[Glitch] Fix border-bottom of active tab bars

Port faafc3ae25378121148356b60d1bef6f57013069 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>

diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss
index 4da61399ecfbd20dfe4ee26eef507b8247841c93..9f96a31544c8d8197e0f741b7465c005455b9338 100644 (file)
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@@ -615,11 +615,6 @@
     font-size: 16px;
   }
 
-  &.active {
-    border-bottom: 2px solid $ui-highlight-color;
-    color: $highlight-text-color;
-  }
-
   &:hover,
   &:focus,
   &:active {
@@ -629,6 +624,11 @@
     }
   }
 
+  &.active {
+    border-bottom: 2px solid $ui-highlight-color;
+    color: $highlight-text-color;
+  }
+
   span {
     margin-left: 5px;
     display: none;