Bug 1401442 - Add a hbox to orient help button's icon and text horizontally and match the visual spec.
MozReview-Commit-ID: AFuVTqLodZU
--- a/browser/components/preferences/in-content/preferences.xul
+++ b/browser/components/preferences/in-content/preferences.xul
@@ -171,17 +171,19 @@
<label class="category-name" flex="1">&paneSync1.title;</label>
</richlistitem>
</richlistbox>
<spacer flex="1"/>
<hbox class="help-button" pack="center">
<label class="text-link">
- <image class="help-icon"/><label class="help-label" flex="1">&helpButton2.label;</label>
+ <hbox align="center">
+ <image class="help-icon"/><label class="help-label" flex="1">&helpButton2.label;</label>
+ </hbox>
</label>
</hbox>
</vbox>
<keyset>
<key key="&focusSearch1.key;" modifiers="accel" id="focusSearch1" oncommand="gSearchResultsPane.searchInput.focus();"/>
</keyset>
--- a/browser/themes/shared/incontentprefs/preferences.inc.css
+++ b/browser/themes/shared/incontentprefs/preferences.inc.css
@@ -659,16 +659,17 @@ button > hbox > label {
}
.help-icon:hover {
fill: currentColor !important;
}
.help-label {
margin: 0 4px;
+ line-height: 22px;
-moz-user-select: none;
}
@media (max-width: 830px) {
.help-button > .text-link {
-moz-box-flex: 0;
width: 36px;
height: 36px;