Help: Application icons are misaligned

[linusg]

Might be an issue with the generated HTML / styles, or a rendering bug in LibWeb.

vs man.serenityos.org:

[JsFlo]

fwiw it looks like this generates the same html for that line (same on my browser and the serenity rendered one)

<p><img src="[../icons/16x16/ladyball.png](view-source:http://man.serenityos.org/icons/16x16/ladyball.png)" alt="Icon" /> About - About SerenityOS</p>

and functions the same way if you scale this image up on man.serenityos.org (the icon will be larger than the text and text is aligned at the bottom). So I guess this rules out the generated html

Could this just be due to the default text size differences ? (could still be an issue, maybe there's some standard that the text should be a certain height and/or we're not rendering one of the components correctly)

[premek]

I think it looks OK in Help currently.

I took screenshots in Help, man.serenityos.org in Browser and in Chrome

In Chrome the text is larger but in all three the bottom is aligned the same with the text. There is 1px between the bottom of the icon and the text base line (see the blue line that I added in the screenshots below)

[linusg]

We could use some flexbox shenanigans to achieve universal centered vertical alignment, but this seems ok. Thanks for checking!