Bug 1465337 - Horizontally align the TP toggle in the main menu with other subviewbuttons. r=dao draft
authorJohann Hofmann <jhofmann@mozilla.com>
Fri, 01 Jun 2018 13:36:00 +0200
changeset 802764 5ce80c4151b9192b150e8751959b08f5af86391f
parent 802711 9900cebb1f9000bd05731ba67736b7c51f7eb812
push id111949
push userjhofmann@mozilla.com
push dateFri, 01 Jun 2018 11:37:16 +0000
reviewersdao
bugs1465337
milestone62.0a1
Bug 1465337 - Horizontally align the TP toggle in the main menu with other subviewbuttons. r=dao MozReview-Commit-ID: JaQjPHS9Smw
browser/themes/shared/customizableui/panelUI.inc.css
--- 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 {