google / google/material-design-lite

material spec: vertical button text alignment

Open
#1,868 6 comments 0 reactions 0 assignees View on GitHub
Button pending-reproducible-sample
Dominant language
HTML
Stars
32.2k
Forks
4.9k
PR merge metrics
No merged PRs in 30d

Description

If you look closer at the button you will see that the text content a little aligned to the top of the button. It's a bit annoying. The reason why buttons behave in this way is because MDL uses line-height value of 36px - the height of button itself. So, if you change line-height, for example, to 1px - it fixes the issue:

``` sass
line-height: $button-height; // I beg you fix me!
```

---

originally from #1864

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.