Very slight misalignment in the notification menu

not very important one and just about the beauty: username icon seems to be upper than the right row; of course if it’s not intentional.

Untitled

1 Like

Which OS/Browser are you seeing this in?

1 Like

I have a slightly different issue actually, the three icons (bookmarks/messages/settings) are slightly off center to the left.

I’ve seen that in Firefox on Linux. There should be an old topic about it somewhere, but I can’t find it right now.

4 Likes

on latest firefox on windows.

Misaligned on Firefox mobile too

1 Like

It’s this CSS

div.menu-links-header a {
    padding: 0.5em;
}

Changing it to

div.menu-links-header a {
    padding: 0 0.5em;
}

seems to fix it for me, though I haven’t thoroughly tested for side-effects. And it might be better to use

div.menu-links-header a {
    padding: 0.5em 0.5em 0;
}
3 Likes

Pushed a fix for this that improves the icon alignment using flexbox, the change should be available on the tests-passed branch later today.

https://github.com/discourse/discourse/commit/b637b57e4f9a86ceeb62ecf104661ae97df088ba

6 Likes

This topic was automatically closed after 26 hours. New replies are no longer allowed.