Change Details

Currently, the personal tool items' small icons (ULS and user, not Notices and alerts) are somewhere floating in the space. Expected: They should _visually_ be on baseline of connected labels. | With missing baseline amendment (current state) | | | {F26610862 width=50% } | | Only personal tools, not language icon| | {F26610822 width=50%} | {F31064842 width=50%} [] Make icons vertically start on label baseline, ensure for both [] anon and [] logged-in user due to different elements carrying icons [] Amend ULS icon position to have same left padding as user – `16px` equivalent in `em`s instead of currently `18px` == QA - Older browsers (IE 8+, older Safaris) have to be tested – “newer” CSS properties are used, like `display: inline-block` which //might// result in display glitches, most importantly -- if user icon is fully visible (not cut off) and in acceptable position There are differences by 1px in various browsers, they are caused by rendering inconsistencies x-browser and have to be accepted (for example Chrome/Yandex/Safari 5 on Windows), see also comments below.

Currently, the personal tool items' small icons (ULS and user, not Notices and alerts) are somewhere floating in the space. Expected: They should _visually_ be on baseline of connected labels. | With missing baseline amendment (current state) | | | {F26610862 width=50% } | | Only personal tools, not language icon| | {F26610822 width=50%} | {F31064842 width=50%} [x] Make icons vertically start on label baseline, ensure for both [x] anon and [x] logged-in user due to different elements carrying icons [x] Amend ULS icon position to have same left padding as user – `16px` equivalent in `em`s instead of currently `18px` == QA - Older browsers (IE 8+, older Safaris) have to be tested – “newer” CSS properties are used, like `display: inline-block` which //might// result in display glitches, most importantly -- if user icon is fully visible (not cut off) and in acceptable position There are differences by 1px in various browsers, they are caused by rendering inconsistencies x-browser and have to be accepted (for example Chrome/Yandex/Safari 5 on Windows), see also comments below.

Currently, the personal tool items' small icons (ULS and user, not Notices and alerts) are somewhere floating in the space. Expected: They should _visually_ be on baseline of connected labels. | With missing baseline amendment (current state) | | | {F26610862 width=50% } | | Only personal tools, not language icon| | {F26610822 width=50%} | {F31064842 width=50%} [x] Make icons vertically start on label baseline, ensure for both [x] anon and [x] logged-in user due to different elements carrying icons [x] Amend ULS icon position to have same left padding as user – `16px` equivalent in `em`s instead of currently `18px` == QA - Older browsers (IE 8+, older Safaris) have to be tested – “newer” CSS properties are used, like `display: inline-block` which //might// result in display glitches, most importantly -- if user icon is fully visible (not cut off) and in acceptable position There are differences by 1px in various browsers, they are caused by rendering inconsistencies x-browser and have to be accepted (for example Chrome/Yandex/Safari 5 on Windows), see also comments below.