Currently the https://en.m.wikipedia.org/wiki/Special:Notifications page consists of a single ul element and uses '.mw-echo-date-section' as a divider. Really the markup should be a series of h2 elements and separate lists.
This would also remove the need for mw-echo-notification as styling could work like so:
#mw-echo-special-container h2
#mw-echo-special-container li
e.g.
<div id="mw-echo-special-container"> <h2>May 09</h2> <ul> <li data-notification-category="edit-user-talk"> </li> </ul> <ul> <li data-notification-category="edit-user-talk"> </li> </ul> </div>
Currently the mobile site is having to introduce unnecessary styling rules which would be avoided with h2s