Bug 1400203 - Middle align the image and text of help button since there might be a multiple lines string in the button - Fix mozilla-central.
MozReview-Commit-ID: ECM1LCXVCrS
--- a/browser/themes/shared/incontentprefs/preferences.inc.css
+++ b/browser/themes/shared/incontentprefs/preferences.inc.css
@@ -587,30 +587,32 @@ separator.thin:not([orient="vertical"])
@media (min-resolution: 1.1dppx) {
.update-throbber {
list-style-image: url("chrome://global/skin/icons/loading@2x.png");
}
}
.help-button {
+ display: flex;
+ align-items: center;
position: fixed;
left: 0;
bottom: 36px;
background-image: url("chrome://global/skin/icons/help.svg");
-moz-context-properties: fill, fill-opacity;
fill: currentColor;
- line-height: 36px;
- height: 36px;
+ line-height: 22px;
+ height: unset;
+ min-height: 36px;
width: 168px;
- background-position: left 10px top 10px;
+ background-position: left 10px center;
background-size: 16px;
padding-inline-start: 38px;
margin-inline-start: 34px;
- white-space: nowrap;
}
.help-button:-moz-locale-dir(rtl) {
background-position: right 10px top 10px;
left: auto;
right: 0;
}