Arty
Well-known member
As of Firefox 41 search box in header is misaligned:


Notice spacing on right side of input.
It doesn't happen in Chrome or other WebKit based browsers because of this rule in xenforo.css
Firefox uses border-box for input, so it looks different than in Chrome.
To fix it unprefix box-sizing rule in code above in xenforo.css:
This is what search box looks like in Firefox after fix:



Notice spacing on right side of input.
It doesn't happen in Chrome or other WebKit based browsers because of this rule in xenforo.css
Code:
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
}
To fix it unprefix box-sizing rule in code above in xenforo.css:
Code:
input[type=search]
{
-webkit-appearance: textfield;
box-sizing: content-box;
}
This is what search box looks like in Firefox after fix:

