From 48ee6519a5b9684bf35d930079d9df4c7e2c4e65 Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Thu, 15 Aug 2024 16:52:11 +0200
Subject: [PATCH] Update Zen theme CSS to use CSS variables for element
 separation

---
 .../base/content/zen-styles/zen-panels/bookmarks.css       | 7 ++++++-
 .../base/content/zen-styles/zen-tabs/vertical-tabs.css     | 5 +++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/browser/base/content/zen-styles/zen-panels/bookmarks.css b/src/browser/base/content/zen-styles/zen-panels/bookmarks.css
index c7ee7ad14..bd982c3ef 100644
--- a/src/browser/base/content/zen-styles/zen-panels/bookmarks.css
+++ b/src/browser/base/content/zen-styles/zen-panels/bookmarks.css
@@ -57,4 +57,9 @@ hbox.editBMPanel_folderRow {
 
 #editBMPanel_folderMenuList::part(icon) {
   margin-right: 10px;
-}
\ No newline at end of file
+}
+
+/* Bookmarks in toolbar */
+#PersonalToolbar {
+  background: transparent;
+}
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 3ff5b7972..0bbfff6cc 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
@@ -7,6 +7,7 @@
   #navigator-toolbox {
     --zen-tabbrowser-padding: 5px;
     min-width: 55px;
+    padding-left: 2px;
     margin-top: 0; /* Issue #156 */
   }
   
@@ -243,8 +244,8 @@
 
   @media (-moz-bool-pref: "zen.view.sidebar-expanded") {  
     #navigator-toolbox {
-      --zen-navigation-toolbar-min-width: 160px;
-      min-width: var(--zen-navigation-toolbar-min-width);
+      --zen-navigation-toolbar-min-width: 155px;
+      min-width: var(--zen-navigation-toolbar-min-width) !important;
       align-items: start;
       transition: .2s;
       width: 170px;