Visual UI offset on Chrome

[notio-ca]

Describe the bug
There is a missing top padding on button elements but strapi is so great to deserve that

Steps to reproduce the behavior

1. Go to any app view on Chrome browser

Expected behavior
Label should be verticaly aligned inside the container and verticaly align with the icon if any

System

• Strapi version: 3.0.0-beta.20

Screenshots

[elclanrs]

I can see this issue in v3.1.1 but even more misaligned. Here are some screenshots:

The text is always more towards the top, perhaps due to line-height or something.

[iksent]

I can confirm this is not fixed at the latest release (3.1.5)

@lauriejim, please open it again.

[elclanrs]

There is definitely something not right about the button styles. The padding is not even, height and line-height are clashing. If I get rid of the hardcoded height, remove the line-height, and use even padding, then the button looks much better. See before and after:

v3.2.5

[derrickmehaffy]

@iksent I can confirm this is not fixed at the latest release (3.1.5)

Can you check in the latest release v3.2.5 (unless that's what you meant ;) )

[elclanrs]

@derrickmehaffy it happens in 3.2.5 as well. The images I posted above from yesterday are from 3.2.5.

[iksent]

Yes, my mistake, 3.2.5 of course.
That's a really weird 2px padding bottom. Everything is quite ok without it.

[derrickmehaffy]

I will reopen this to let you guys do some more testing :)

[elclanrs]

Tracking this bug down, turns out the culprit is in the strapi/buffet package. I opened strapi/buffet#164 with the fix discussed above