Vertical align dashboard "At a Glance" post(count) links

[corvannoorloos]

Hello,

As the list elements of the dashboard "At a Glance" meta box are higher than its link elements, would it be possible to have them vertically (middle) aligned?

[ocean90]

Can you please provide a before/after screenshot?

[corvannoorloos]

(For these screenshots only) I've given the link and list elements a different background color to create a better visual.

An alternative method would be to change the position of the icons (top/margin-top) or by giving the link elements a different lineheight.

Because vertical-align: middle; is somewhat relative to size/height I've opted for this solution.

[ocean90]

26756.patch​ is a refresh of patch-02-01-2013.patch.

But I get other results in Chrome, see screenshots:
Before: ​https://cloudup.com/iaNNYRtV6uk
After: ​https://cloudup.com/iFgNB3oalZN

The height of the Dashicon is 20px and the line height of the link is 18.200000762939453px.
So do we really need the pixel perfection here?

[helen]

Replying to ocean90:

So do we really need the pixel perfection here?

Well, I was going to say go for it, but maybe not. I can't say that it genuinely bothers me, and given browser behavior with rounding, there are no promises, anyway.

[corvannoorloos]

Replying to ocean90:

I see what you mean. I believe I had, but now I can't recall if I've tested in but Firefox and Chrome.
I am a firm believer in having things pixel perfect however.

I understand if this ticket will be marked as "wont fix", but if I had to choose I'd rather have the link element aligned to the bottom instead of to the top.

[ocean90]

Played a bit more with it and couldn't come up with a solution which works in *all* browsers (without using fix heights).

Closing as wontfix for now. If someone has a better approach and patch, feel free to re-open.