From ede39f37e6f7930196749df17616171e668d142e Mon Sep 17 00:00:00 2001
From: mauro-balades <mauro.balades@tutanota.com>
Date: Tue, 17 Sep 2024 08:05:17 +0200
Subject: [PATCH] Refactor vertical-tabs.css to adjust tab item height and add
 gap to scrollbox

---
 .../content/zen-styles/zen-tabs/vertical-tabs.css     | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
index 8ef2ab1be..c811a6144 100644
--- a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
+++ b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
@@ -44,14 +44,15 @@
       max-width: unset !important;
       padding: 0 !important;
 
-      overflow: hidden;
       position: relative;
 
+      height: var(--tab-min-height) !important;
+      min-height: var(--tab-min-height) !important;
+
       border-radius: var(--border-radius-medium);
 
       & .tab-background {
         overflow: hidden;
-        margin: 2px 2px;
 
         & .tab-context-line {
           margin: 0 0px !important;
@@ -97,6 +98,12 @@
     }
   }
 
+  #tabbrowser-arrowscrollbox {
+    &::part(scrollbox) {
+      gap: 2px !important;
+    }
+  }
+
   #vertical-pinned-tabs-container {
     padding-inline-end: 0 !important;
     gap: 3px !important;