[openstreetmap/openstreetmap-website] Vertically center about page icons with flex align-items (PR #3701)

[Andy Allan]

> i think maybe it's because the descenders on the text are being included in the calculation, but the eye doesn't really see them when considering whether the image and text appear to be centred :-(

Yeah, I had left adjusting these icons out of my previous refactoring on that page since I hadn't come up with a good solution. Maybe a proper designer would know the answer, but I don't know what the best solution would be - maybe adjusting the size of the icons to match the [baseline to cap height](https://en.wikipedia.org/wiki/Baseline_(typography)) or something like that. But then we're deep in the weeds of font-specific solutions, and then checking that the icon positioning is still appropriate for e.g. chinese characters, and I think that's too much to consider, given our limited resources.

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/3701#issuecomment-1252070525
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/3701/c1252070525 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20220920/d1414c8a/attachment.htm>