Button line-height is wrong

[vladshcherbin]

Button line-height > button height, this prevents text from being vertically centered. Button is 32px, line-height is 34px.

[SerafimArts]

https://github.com/LaravelRUS/vue-ui/blob/master/src/components/Button.vue#L8-L9

Я добавлял это для того, чтобы на Linux и Windows текст был ровно по центру, на Mac OS походу не совсем так. Хз как тогда делать =\

[vladshcherbin]

@SerafimArts try line-height: 1

[SerafimArts]

@vladshcherbin

[vladshcherbin]

@SerafimArts hm, maybe line-height: 32px ?

[SerafimArts]

@vladshcherbin есть идеи как задетектить макось?

[SerafimArts]

@SerafimArts hm, maybe line-height: 32px ?

@vladshcherbin тоже самое. Я же выделил строчки - это специально так сделано =)

[vladshcherbin]

@SerafimArts try removing line-height and add this:

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

Will it help?

[SerafimArts]

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 32px;

Fixes this issue! 👍

[vladshcherbin]

@SerafimArts unfortunately, display: flex can't be used for buttons as it also has some bugs 😞

[SerafimArts]

lol? :D