diff --git a/src/browser/base/content/ZenStartup.mjs b/src/browser/base/content/ZenStartup.mjs index 18f255708..b1ad3e4d0 100644 --- a/src/browser/base/content/ZenStartup.mjs +++ b/src/browser/base/content/ZenStartup.mjs @@ -202,11 +202,11 @@ const defaultSidebarIcons = [ 'zen-sidepanel-button', 'zen-workspaces-button', - 'vertical-tabs-newtab-button' + 'new-tab-button' ]; for (let id of defaultSidebarIcons) { - if (id === 'zen-workspaces-button') continue; const elem = document.getElementById(id); + if (id === 'zen-workspaces-button' || !elem) continue; elem.setAttribute('removable', 'true'); } CustomizableUI.registerArea( diff --git a/src/browser/base/content/zen-styles/zen-browser-ui.css b/src/browser/base/content/zen-styles/zen-browser-ui.css index f519af8b8..87ada467a 100644 --- a/src/browser/base/content/zen-styles/zen-browser-ui.css +++ b/src/browser/base/content/zen-styles/zen-browser-ui.css @@ -35,6 +35,7 @@ :not([inDOMFullscreen='true']) #appcontent { overflow: hidden; + padding: 1px; } :not([inDOMFullscreen='true']) #appcontent, 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 eefe9251a..1b45489e7 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 @@ -34,7 +34,6 @@ padding-top: var(--zen-toolbox-top-align); padding-bottom: var(--zen-element-separation); - margin-top: -4px !important; display: flex; } @@ -530,12 +529,15 @@ display: none; }*/ - :root[customizing] #TabsToolbar > * { + :root[customizing] #TabsToolbar > *, + :root[customizing] #TabsToolbar-customization-target { min-width: unset !important; } /* Mark: Sidebar top buttons */ #zen-sidebar-top-buttons { + order: -1; + min-width: unset !important; --toolbarbutton-inner-padding: var(--zen-toolbar-button-inner-padding) !important; @@ -544,7 +546,11 @@ align-items: center; #nav-bar:has(&) & { - padding-inline-start: calc(var(--zen-toolbox-padding) + var(--toolbarbutton-outer-padding)) !important; + padding-inline-start: calc(var(--zen-toolbox-padding) + 2px); + } + + #browser:has(#navigator-toolbox[zen-right-side='true']) & { + padding-inline-start: calc(var(--zen-toolbox-padding) - var(--toolbarbutton-outer-padding)) !important; } & toolbarbutton {