Steps to replicate the issue:
- Check the drop-down menu of Your notices on Wikipedia.
- Inspect the div.mw-echo-ui-notificationItemWidget-content-actions-buttons.
What happens?:
Most buttons (mw-echo-ui-menuItemWidget) are styled as a elements. However, the buttons for muting or unmuting link notifications for pages (Notification-dynamic-actions-mute-page-linked and Notification-dynamic-actions-unmute-page-linked) are wrapped in another div element. This leads to an inconsistent layout: the label of the mute/unmute link is always fully visible and can wrap several lines, while preceding link labels will be covered by the div. See screenshot (with German-language labels):
What should have happened instead?:
All buttons/links in the notification items should be styled consistently and never overlap.