Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Text centering inside buttons #130

Open
StevenMcgrew opened this issue Oct 4, 2022 · 0 comments
Open

Text centering inside buttons #130

StevenMcgrew opened this issue Oct 4, 2022 · 0 comments
Labels
v1 Version 1.x.x

Comments

@StevenMcgrew
Copy link

I'm following the documentation and using everything at their default settings, but the text inside buttons is not centered vertically. I figured out if I set the line-height of .btn to 2.9rem (29px), then the text is centered. I think the line-height is set too high by default.

On your documentation website, the buttons have centered text, but if you open dev tools and uncheck the line-height for .btn, a border or outline or something shows up around the buttons, then if you recheck the line-height, the border is still there but now the text is aligned too low, just like the problem I'm having, so there is some issue with the line-height and getting the text centered in the buttons.

@halfmoonui halfmoonui added the v1 Version 1.x.x label Aug 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
v1 Version 1.x.x
Projects
None yet
Development

No branches or pull requests

2 participants