https://codepen.io/anon/pen/YLjqdj
Current Behavior
There is a 5px misalignment due to
.input-field.inline { margin-left: 5px; }
Suggested solution
I can't think of a fix that is css-only and backward-compatible.
Personally I override that margin to 0 and remember to leave whitespace in the markup between the inline text and the <input>.
That makes it consistent with the right-hand margin, which makes sense to me.
https://codepen.io/anon/pen/YLjqdj
Current Behavior
There is a 5px misalignment due to
.input-field.inline { margin-left: 5px; }Suggested solution
I can't think of a fix that is css-only and backward-compatible.
Personally I override that margin to 0 and remember to leave whitespace in the markup between the inline text and the
<input>.That makes it consistent with the right-hand margin, which makes sense to me.