Small adjustments to compact mode and the URL bar background

Author: mauro-balades

Diff for: src/browser/base/content/zen-styles/zen-compact-mode.css

@@ -57,6 +57,10 @@
           top: calc(var(--zen-element-separation) / 2);
           height: calc(100% - var(--zen-element-separation));
         }
+
+        & #zen-sidebar-top-buttons {
+          margin: 0 0 calc(var(--zen-toolbox-padding) / 2) 0;
+        }
       }
 
       &:not([zen-right-side='true']) #nav-bar {

Diff for: src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css

@@ -109,7 +109,7 @@
   }
 
   & #zen-sidebar-top-buttons {
-    margin: var(--zen-element-separation) 0 var(--zen-toolbox-padding) 0;
+    margin: var(--zen-element-separation) 0 calc(var(--zen-toolbox-padding) / 2) 0;
   }
 
   & #PanelUI-menu-button {

Diff for: src/browser/base/content/zen-styles/zen-urlbar.css

@@ -44,6 +44,16 @@
   outline-color: none !important;
 }
 
+#urlbar:not([breakout-extend='true']) {
+  & #urlbar-background {
+    transition: background-color 0.15s ease;
+  }
+
+  &:hover #urlbar-background {
+    background-color: light-dark(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.2)) !important;
+  }
+}
+
 #identity-box.chromeUI:not([pageproxystate='invalid']) {
   & #identity-icon-box {
     background: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1)) !important;