fifth part of syncing LCARStrek with Firefox 29 windows theme changes

[themes.git] / LCARStrek / browser / customizableui / panelUIOverlay.css

diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css
index 60267c5442433f43ee25d6e07a95e38067aa86ff..0944a95e75c76ab7c2a93a3184f84577a3e72992 100644 (file)
--- a/LCARStrek/browser/customizableui/panelUIOverlay.css
+++ b/LCARStrek/browser/customizableui/panelUIOverlay.css
@@ -9,6 +9,7 @@
 }
 
 #PanelUI-button {
+  -moz-margin-start: 3px;
 }
 
 #PanelUI-button:-moz-locale-dir(rtl) {
@@ -113,6 +114,7 @@
 }
 
 #PanelUI-contents,
+#BMB_bookmarksPopup,
 .panel-mainview:not([panelid="PanelUI-popup"]) {
   max-width: 22.35em;
 }
@@ -158,7 +160,7 @@ toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-it
 .panel-customization-placeholder-child {
   -moz-appearance: none;
   -moz-box-orient: vertical;
-  width: calc(22.35em / 3 - 2px); /* LCARStrek: XXX: found out to be needed to fit the icons */
+  width: calc(22.35em / 3 - 0.1px - 2px); /* LCARStrek: XXX: found out to be needed to fit the icons */
   height: calc(51px + 2.2em);
 }
 
@@ -177,7 +179,7 @@ toolbarbutton[sdk-button="true"][cui-areatype="menu-panel"] > .toolbarbutton-ico
 .panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button {
   -moz-appearance: none;
   -moz-box-orient: vertical;
-  width: calc(22.35em / 3 - 2px);
+  width: calc(22.35em / 3 - 0.1px - 2px);
   height: calc(49px + 2.2em);
   border: 0;
 }
@@ -228,7 +230,7 @@ toolbarbutton[sdk-button="true"][cui-areatype="menu-panel"] > .toolbarbutton-ico
 }
 
 toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) {
-  width: calc(22.35em / 3);
+  width: calc(22.35em / 3 - 0.1px);
   margin: 0 !important;
 }
 
@@ -269,7 +271,7 @@ toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-it
   min-height: 32px;
   /* Explanation for the below formula (A / B - C)
      A
-       Each button is 7em (menuPanelButtonWidth) wide
+       Each button is 22.35em / 3 - 0.1px wide
      B
        Each button has two margins.
      C (44px / 2 = 22px)
@@ -279,7 +281,7 @@ toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-it
        Total width of button's icon + button padding should therefore be 44px,
        which means each horizontal margin should be the half the button's width - (44/2) px.
   */
-  margin: 4px calc(7em / 2 - 22px);
+  margin: 4px calc((22.35em / 3 - 0.1px) / 2 - 22px);
 }
 
 /* above we treat the container as the icon for the margins, that is so the
@@ -719,8 +721,8 @@ toolbarpaletteitem[place="palette"] > #search-container {
   padding: .5em;
   margin: 0;
   -moz-box-flex: 1;
-  min-width: calc(22.35em / 3);
-  max-width: calc(22.35em / 3);
+  min-width: calc(22.35em / 3 - 0.1px);
+  max-width: calc(22.35em / 3 - 0.1px);
   /* We'd prefer to use height: auto here but it leads to layout bugs in the panel. Cope:
      1.2em for line height + 2 * .5em padding + margin on the label (2 * 2px) */
   height: calc(2.2em + 4px);
@@ -732,8 +734,8 @@ toolbarpaletteitem[place="palette"] > #search-container {
 #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > #zoom-reset-button {
   /* reduce the width with 2px for this button to compensate for two separators
      of 1px. */
-  min-width: calc(22.35em / 3 - 2px);
-  max-width: calc(22.35em / 3 - 2px);
+  min-width: calc(22.35em / 3 - 0.1px - 2px);
+  max-width: calc(22.35em / 3 - 0.1px - 2px);
 }
 
 #main-window:not([customizing]) .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]),.overflowedItem) > toolbarbutton[disabled] > .toolbarbutton-icon {