[fix bug 1288802] Misplaced down arrow, in select initiave dropbox #1314
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks @tsmrachel for working on this!
Could you amend the margins of .required-field
to be lower and closer to the relevant input field? Now it seems a bit off. Also in some fields it's significantly misaligned, displayed too high compared to the field. See the screenshots bellow.
.required-field-input { | ||
&:extend(.required-field); | ||
left: 5px; | ||
top: 10px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same here: try top: 18px
.
.required-field { | ||
&:extend(.required-field); | ||
left: 5px; | ||
top:0; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Minor tweak: try this to be top: 10px
, so it's vertical aligned to the middle of the input field.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
https://bugzilla.mozilla.org/show_bug.cgi?id=1288802