From fca38ec50750aa9fcd9e1b7b71bca8bc1582b1ca Mon Sep 17 00:00:00 2001
From: macniel <yuna.baehr@proton.me>
Date: Mon, 27 Oct 2025 15:42:43 +0100
Subject: [PATCH] fixes tab alignment

---
 src/style/molecules/_tabs.scss | 55 +++++++---------------------------
 1 file changed, 11 insertions(+), 44 deletions(-)

diff --git a/src/style/molecules/_tabs.scss b/src/style/molecules/_tabs.scss
index aec6f5d0..f0012859 100644
--- a/src/style/molecules/_tabs.scss
+++ b/src/style/molecules/_tabs.scss
@@ -4,47 +4,6 @@
 
 .dsa41.sheet {
 
-  nav.sheet-tabs.tabs {
-
-    position: relative;
-    display: flow;
-    border-top: unset;
-    border-bottom: unset;
-    margin-bottom: 0;
-
-    a.item[data-tab] {
-
-      background-color: colours.$tab-inactive-background-color;
-
-      &.active {
-        border-left: numbers.$tab-border-width solid colours.$tab-border-color;
-        border-top: numbers.$tab-border-width solid colours.$tab-border-color;
-        border-right: numbers.$tab-border-width solid colours.$tab-border-color;
-        border-bottom: 0;
-        top: numbers.$tab-border-width*2*2;
-        background: assets.$tab-background;
-        position: relative;
-        z-index: 2;
-      }
-
-    }
-
-  }
-
-  section.sheet-body {
-
-    border: numbers.$tab-border-width solid colours.$tab-border-color;
-    background: assets.$tab-pane-background;
-
-    div.tab {
-
-      overflow: auto;
-
-    }
-
-  }
-
-
   // Tabs v2
 
   .sheet-tabs {
@@ -54,6 +13,7 @@
     border-top: unset;
     border-bottom: unset;
     margin-bottom: 0;
+    top: 1px;
 
     a[data-action="tab"] {
 
@@ -74,14 +34,21 @@
         border-top: numbers.$tab-border-width solid colours.$tab-border-color;
         border-right: numbers.$tab-border-width solid colours.$tab-border-color;
         border-bottom: 0;
-        top: numbers.$tab-border-width*2;
         background: assets.$tab-background;
         position: relative;
-        z-index: 2;
 
         box-shadow: numbers.$tab-shadow-right numbers.$tab-shadow-bottom numbers.$tab-shadow-blur-radius colours.$tab-shadow;
 
-        span {
+
+        &::after {
+          position: absolute;
+          content: '';
+          left: 0;
+          right: 0;
+          bottom: 0;
+          height: 3px;
+          background: assets.$tab-background;
+          z-index: 5;
 
         }