Material Button spacing issue when aligning text on Android (vue)

[butaminas]

trafficstars

Whenever I add a class e.g. text-left or a css style text-align: left, the vertical spacing of the text inside the button is way off: The spacing is only good when no text-alignment is used. (even text-center class breaks the vertical spacing).

This happens only on Android (various phones and simulator) and can be reproduced in the vue-demo.

Also attaching the .zip with code: https://we.tl/t-DdxyWKsDYC

[butaminas]

For those facing the same issue, I've found that if you use the CSS rule vertical-text-alignment: middle; (on MDButton) or MDButton attribute verticalTextAlignment="middle" then the vertical alignment issue is fixed.

Even though this will fix the issue I think that vertical text alignment on Android should be middle by default and not to be set manually. So keeping this issue open.

[farfromrefug]

@butaminas i ll fix it! but good workaround