Do you have a screenshot with non-special things in it? All three things in this screenshot are special: the globe icon is a cross-wiki bundle, not a real notification, the W icon is a logo icon that changes from wiki to wiki, and the loudspeaker thing at the bottom is not a notification but a footer notice (which we should turn off BTW).

Still, point well taken, they should all align, but I suspect/hope that all other notification icons will be aligned with the globe and that it's just the W and the loudspeaker that are out of alignment.

Thanks for the remarks.
I've forgotten to draw a line on the right side. The timestamp is not aligned with the read marker nor the close icon as well.

Also, let's check what the svg images actually are -- some of the SVGs have spacing already and some don't; the code can't recognize that, so while all icons of the notifications (including cross-wiki, theoretically, since it uses about the same style for the notification face itself) should be aligned - the differences that are marked with those lines may actually be the result of differences in the way the SVGs are defined.

I think some of our notification SVGs also have inconsistencies between when they have spacing and when they don't.

Just to add one more screenshot to check after the fix:

Change 315313 had a related patch set uploaded (by Catrope):
Align the cross-wiki icon with the other notification icons

https://gerrit.wikimedia.org/r/315313

@Pginer-WMF Have you set the reference layout also in correlation with the top of the popup anywhere? Is there a layout for the whole popup?

Change 317984 had a related patch set uploaded (by VolkerE):
Vertically-align icons and text in Notifications popup

https://gerrit.wikimedia.org/r/317984

@Etonkovidova QA would be appreciated here as well! :)

In T147221#2717934, @Volker_E wrote:

@Pginer-WMF Have you set the reference layout also in correlation with the top of the popup anywhere? Is there a layout for the whole popup?

The focus on the recent notification work was about organising the notification items, not the broader panel, but it would be good to have consistent margins there too.

Before
After

Merged.

Change 315313 merged by Catrope:
[mediawiki/extensions/Echo] Align the cross-wiki icon with the other notification icons

https://gerrit.wikimedia.org/r/315313

Checked in betalabs - the alignment seems to be corrected:

QA recommendation: Resolve.

Change 317984 abandoned by Esanders:
[mediawiki/extensions/Echo@master] Vertically-align icons and text in Notifications popup

Reason:

https://gerrit.wikimedia.org/r/317984