[Bug]: icons in the header are too crowded and a scollbar is shown

[susnux]

• Original report: Redesign broken on mobile #46771 by @szaimen

The right header menu has a scrollbar on small mobile, this should instead go into an overflow menu.

[susnux]

Obvious solution: Add an overflow menu like for apps. But this does not work as e.g. the contacts menu has a popover and is not just a button. And I am pretty sure I saw a comment by @jancborchardt that we do not want a second overflow menu.

My idea (but this needs adjustments):
Similar to the one above, but not overflow into an extra menu but simply into the account menu (the one that opens when you click on your avatar).
Also add some priority to those actions to define when something will be moved into the overflow, like I think notifications is the most important and you always stay visible etc.
This way we do not add a new overflow menu.

[jancborchardt]

@susnux yeah, your idea of overflowing it into the account menu is nice. Another option, a more low-hanging fix, could be to reduce the horizontal spacing between the icons on mobile.

E.g. the notifications, contacts and account menu already seem to be "compressed", while only Assistant and search take up a lot of width. This could be compressed on mobile? (It is similar to how iOS does it with app titles on the home screen, where the font tracking is reduced first before ellipsis.)