Bug 1465337 - Horizontally align the TP toggle in the main menu with other subviewbuttons. r=dao
MozReview-Commit-ID: JaQjPHS9Smw
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -593,17 +593,18 @@ toolbarbutton[constrain-size="true"][cui
box-sizing: border-box;
min-width: 26px;
height: 10px;
border-radius: 10px;
background-color: var(--arrowpanel-dimmed-even-further);
border: 1px solid transparent;
margin-top: 4px;
margin-bottom: 4px;
- margin-inline-end: 10px;
+ margin-inline-start: 1px;
+ margin-inline-end: 7px;
padding: 2px;
transition: padding .2s ease;
}
#appMenu-tp-toggle::before {
position: relative;
display: block;
content: "";
@@ -1026,17 +1027,19 @@ panelmultiview .toolbaritem-combined-but
#appMenu-zoomReset-button > .toolbarbutton-text {
min-width: calc(3ch + 8px);
text-align: center;
}
.toolbaritem-combined-buttons > toolbarseparator[orient="vertical"] + .subviewbutton,
#appMenu-zoom-controls > toolbarseparator[orient="vertical"] + .subviewbutton {
- margin-inline-start: 0;
+ /* Add margin to offset the 1px border of the TP toggle */
+ margin-inline-start: 1px;
+ margin-inline-end: 1px;
}
.PanelUI-subView .toolbaritem-combined-buttons > .subviewbutton-iconic > .toolbarbutton-text,
.PanelUI-subView .toolbaritem-combined-buttons > .subviewbutton:not(.subviewbutton-iconic) > .toolbarbutton-icon {
display: none;
}
.toolbaritem-combined-buttons > .subviewbutton:not(.subviewbutton-iconic) > .toolbarbutton-text {