diff --git a/src/browser/base/content/zen-styles/zen-compact-mode.css b/src/browser/base/content/zen-styles/zen-compact-mode.css index dc7e849b..1d890b0a 100644 --- a/src/browser/base/content/zen-styles/zen-compact-mode.css +++ b/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 --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 84ff008d..5e272a97 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 @@ -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 --git a/src/browser/base/content/zen-styles/zen-urlbar.css b/src/browser/base/content/zen-styles/zen-urlbar.css index 92680874..e7d1d2fd 100644 --- a/src/browser/base/content/zen-styles/zen-urlbar.css +++ b/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;