diff --git a/browser/themes/shared/urlbar-searchbar.css b/browser/themes/shared/urlbar-searchbar.css index cbbf55f31ae5e456401172f79ddbbe41256025a4..dc471dfe30dedf7c4917322a5b2257a9ec9c4f90 100644 --- a/browser/themes/shared/urlbar-searchbar.css +++ b/browser/themes/shared/urlbar-searchbar.css @@ -10,7 +10,7 @@ /* Usually we wouldn't need snapping border widths manually, but we use this * for other layout calculations too */ --urlbar-container-border-width: max(env(hairline), round(down, 1px, env(hairline))); - --urlbar-container-padding: round(up, 1px, env(hairline)); + --urlbar-container-padding: 2px; --urlbar-container-border-padding: calc(var(--urlbar-container-border-width) + var(--urlbar-container-padding)); --urlbar-margin-inline: 5px; --urlbar-padding-block: 4px; @@ -55,7 +55,7 @@ toolbar[inactive="true"] .urlbar, .urlbar:not([usertyping]) > .urlbar-input-container > .urlbar-go-button, .urlbar:not(#searchbar-new, [focused]) > .urlbar-input-container > .urlbar-go-button, #urlbar-revert-button-container { - display: none; + display: none !important; } /* Document Picture-in-Picture API window */ @@ -333,10 +333,14 @@ toolbar[inactive="true"] .urlbar, .urlbar[breakout][breakout-extend] { height: auto; + align-items: center; + :root:not([zen-single-toolbar='true']) & { margin-left: calc(-1 * var(--urlbar-margin-inline)); + } width: calc(var(--urlbar-width) + 2 * var(--urlbar-margin-inline)); > .urlbar-input-container { + align-items: center; height: var(--urlbar-container-height); padding-block: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2 + var(--urlbar-container-padding)); padding-inline: calc(var(--urlbar-margin-inline) + var(--urlbar-container-padding));