Buttons: Remove transparent border for Firefox #8581
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This issue was reported in #8567.
We have transparent border for buttons in Firefox that increase its height. And that's causing a misalignment when a button and a link sit next each other.
Before:
![before](https://cloud.githubusercontent.com/assets/908665/19187504/b870e2e2-8c83-11e6-963d-af97f52cd77c.jpg)
I'm not sure why we have it but, by removing the border, the height of button becomes as intended and we can fix the misalignment.
After:
![after](https://cloud.githubusercontent.com/assets/908665/19187509/c1087438-8c83-11e6-9050-cdd0b17ae6be.jpg)
Other buttons look good and more look the same as on other browsers like Chrome.