From de81eeb2b295e03afc2b234dc287cd9f9af80192 Mon Sep 17 00:00:00 2001
From: "mr. M" <mauro.balades@tutanota.com>
Date: Tue, 19 Nov 2024 21:49:26 +0100
Subject: [PATCH] fix: update default placements for toolbar buttons and
 enhance tab styles with important flags

---
 src/browser/base/content/ZenCustomizableUI.sys.mjs  |  2 +-
 .../content/zen-styles/zen-tabs/vertical-tabs.css   | 13 ++++---------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/browser/base/content/ZenCustomizableUI.sys.mjs b/src/browser/base/content/ZenCustomizableUI.sys.mjs
index d11727472..b4a22ae10 100644
--- a/src/browser/base/content/ZenCustomizableUI.sys.mjs
+++ b/src/browser/base/content/ZenCustomizableUI.sys.mjs
@@ -9,7 +9,7 @@ export var ZenCustomizableUI = new (class {
       'zen-sidebar-top-buttons',
       {
         type: this.TYPE_TOOLBAR,
-        defaultPlacements: ['zen-sidepanel-button'],
+        defaultPlacements: ['preferences-button', 'zen-sidepanel-button'],
         defaultCollapsed: null,
       },
       true
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 bf79270b4..cbc855772 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
@@ -247,11 +247,6 @@
       margin-inline: var(--tab-block-margin);
     }
 
-    & #zen-sidebar-top-buttons,
-    & #nav-bar {
-      padding: var(--zen-element-separation);
-      margin-top: var(--zen-element-separation);
-    }
 
     & #nav-bar {
       margin-top: 0;
@@ -316,11 +311,11 @@
 
       & > *:not(tabs):not(#search-container):not(#zen-workspaces-button),
       & #tabbrowser-arrowscrollbox-periphery > toolbarbutton {
-        width: 100%;
-        border-radius: var(--tab-border-radius);
+        width: 100% !important;
+        border-radius: var(--tab-border-radius) !important;
 
-        padding-left: var(--toolbarbutton-inner-padding);
-        padding-right: var(--toolbarbutton-inner-padding);
+        padding-left: var(--toolbarbutton-inner-padding) !important;
+        padding-right: var(--toolbarbutton-inner-padding) !important;
 
         & label {
           display: flex;