Very slight misalignment in the notification menu


(Pad Pors) #1

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


(Kris) #2

Which OS/Browser are you seeing this in?


(Bhanu Sharma) #3

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


(Gerhard Schlager) #4

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.


(Pad Pors) #6

on latest firefox on windows.


(Cameron:D) #7

Misaligned on Firefox mobile too


(Mittineague) #8

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;
}

(Kris) #9

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


(Kris) #10

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