The icon of #pt-anonuserpage, #pt-userpage is positioned with magic numbers. This is fragile and unresponsive (anti-pattern): the link text overlays the icon when increasing font-size.
- Icon positioning and size is responsive, no overlapping at uncommon font-size and viewport width.
- Use of magic numbers minimized or eliminated.
- The layout can be used on other menu items with a CSS class.
This work started in: T256893: Move the PersonalMenu to the header