`clean-pinned-issues` contains vertically misaligned elements in Chrome #4598

Not sure what I'm missing, looks like the example screenshot - https://user-images.githubusercontent.com/1402241/84509958-c82a3c00-acc4-11ea-8399-eaf06a59e9e4.png.

Can you post what it looks like on this repo since we have multiple lines? I see that the text is slightly lower, but it might just be attributable to the font and I don’t know if it can be fixed across-systems. What OS are you using? Can you check which font is being picked exactly for that text? The devtools should only show one font.

In fact you can see that the text in the Labels | Milestones buttons are also slightly misaligned, but it's less evident because there isn't so much lowercase text in it.

I think your best bet would probably be to remove some padding-top with a custom style. We can leave this issue open in case other see the same and have alternative solutions that work everywhere.

I believe it's using display: table but that's not really as versatile as flexbox which would do this easily across browsers

You can see the same misalignment in the buttons I mentioned, which are plain inline-block.

As for flex vs table, you can find the reason why it was chosen in the original PR (I think it was because it just required less code). I don’t think flex would solve the issue, but if you can do that without altering the padding explicitly then sure 👍

Alignment padding definitely does work differently between Firefox and Chrome, caused me a lot of grief in my UI bootcamp days

One liner fix