Bug 1002931- "Title bar" button in cust. mode has less left padding than the other footer buttons without icons. r=jaws.
MozReview-Commit-ID: BWMEv2oVh5m
--- a/browser/themes/shared/customizableui/customizeMode.inc.css
+++ b/browser/themes/shared/customizableui/customizeMode.inc.css
@@ -121,24 +121,43 @@
border-top: 1px solid rgb(221,221,221);
padding: 10px;
}
.customizationmode-button {
border: 1px solid rgb(192,192,192);
border-radius: 3px;
margin: 5px;
- padding: 2px 12px;
+ padding: 2px 10px;
background-color: rgb(251,251,251);
color: rgb(71,71,71);
box-shadow: 0 1px rgba(255, 255, 255, 0.5),
inset 0 1px rgba(255, 255, 255, 0.5);
-moz-appearance: none;
}
+.customizationmode-button > .box-inherit {
+ border-width: 0;
+ padding-inline-start: 0;
+ padding-inline-end: 0;
+}
+
+.customizationmode-button > .button-icon {
+ margin-inline-start: 0;
+}
+
+.customizationmode-button:not([type=menu]) > .button-text {
+ margin-inline-end: 0;
+}
+
+.customizationmode-button > .button-menu-dropmarker {
+ margin-inline-end: 0;
+ padding-inline-end: 0;
+}
+
#customization-titlebar-visibility-button[checked],
#customization-devedition-theme-button[checked] {
background-color: rgb(218, 218, 218);
border-color: rgb(168, 168, 168);
text-shadow: 0 1px rgb(236, 236, 236);
box-shadow: 0 1px rgba(255, 255, 255, 0.5),
inset 0 1px rgb(196, 196, 196);
}
@@ -152,21 +171,16 @@
height: 24px;
}
#customization-titlebar-visibility-button {
list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
-moz-image-region: rect(0, 24px, 24px, 0);
}
-#customization-lwtheme-button,
-#customization-titlebar-visibility-button {
- padding: 2px 7px;
-}
-
#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
#customization-titlebar-visibility-button > .button-box > .button-text {
/* Sadly, button.css thinks its margins are perfect for everyone. */
margin-inline-start: 6px !important;
}
#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon {
width: 20px;