Refactor zen-glance and vertical-tabs styles for improved layout and button padding

src/browser/base/content/zen-styles/zen-glance.css

@@ -9,14 +9,6 @@
   visibility: inherit;
 }
 
-#zen-glance-sidebar-container {
-  display: none;
-
-  & toolbarbutton:hover {
-    background: var(--button-background-color-hover);
-  }
-}
-
 #zen-glance-sidebar-container {
   position: absolute;
   display: flex;
@@ -37,7 +29,6 @@
     width: 32px;
     height: 32px;
     background: light-dark(rgba(0, 0, 0, 0.9), rgba(255, 255, 255, 0.9));
-    fill: light-dark(white, black);
     transition: background 0.2s ease;
     border-radius: 999px;
     appearance: none;
@@ -51,6 +42,10 @@
     & label {
       display: none;
     }
+
+    & image {
+      filter: invert(1);
+    }
   }
 }
 

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

@@ -361,6 +361,7 @@
   align-items: center;
 
   padding-top: var(--zen-element-separation);
+  --toolbarbutton-inner-padding: 4px;
 
   & > toolbarbutton:not(#zen-workspaces-button) {
     padding: 0 !important;