toolbar: add padding to first toolbar button

The original padding for tab icons added to the left side of the toolbar is a bit cramped. This commit adds some extra space so the layout looks more natural.
BGMP · Mar 24, 2023 · 00aeaa3 · 00aeaa3
1 parent 7361fac
commit 00aeaa3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/compact/userChrome.css b/compact/userChrome.css
@@ -133,6 +133,12 @@
     outline-offset: 0 !important;
 }
 
+#TabsToolbar .toolbarbutton-1 {
+    margin: 0 0 var(--tabs-navbar-shadow-size);
+    padding-right: 5px !important;
+    padding-left: 5px !important;
+}
+
 /** Tab icons **/
 .tab-icon-overlay[soundplaying]:not([crashed]), .tab-icon-overlay[muted]:not([crashed]), .tab-icon-overlay[activemedia-blocked]:not([crashed]) {
     margin-left: 19px !important;

diff --git a/normal/userChrome.css b/normal/userChrome.css
@@ -133,6 +133,12 @@
     outline-offset: 0 !important;
 }
 
+#TabsToolbar .toolbarbutton-1 {
+    margin: 0 0 var(--tabs-navbar-shadow-size);
+    padding-right: 5px !important;
+    padding-left: 5px !important;
+}
+
 /** Tab icons **/
 .tab-icon-overlay[soundplaying]:not([crashed]), .tab-icon-overlay[muted]:not([crashed]), .tab-icon-overlay[activemedia-blocked]:not([crashed]) {
     margin-left: 19px !important;