fix for mobile view messed up non-mobile view

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

the fix of #20236 does indeed hide the "non-mobile" bell in the mobile view (as it's supposed to), however, the bell in my "non-mobile" toolbar got a little messed up as a result.

you can see in the picture that it's positioned a little above the toolbar centerline, compared to surrounding elements.

pic:

Originally posted by @wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf in #20236 (review)

[tyroneyeh]

Can in try.gitea.io duplication it?

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

Can in try.gitea.io duplication it?

just tried, I cannot reproduce there. are you sure it isn't returning a cached version of the toolbar?

[zeripath]

I'm not able to reproduce this on firefox or on chrome on try or on a dev main build.

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

I'm not able to reproduce this on firefox or on chrome on try or on a dev main build.

must be an issue with my tmpl (I have integrated latest changes but perhaps left something there when I shouldn't have), let me check.

[zeripath]

I'm not able to reproduce this on firefox or on chrome on try or on a dev main build.

I should note I have been able to reproduce it - but it's more subtle on my default font than it is for @wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf

---

The problem appears to relate to the use of m-4 text black tooltip no-mobile as the class versus item tooltip no-mobile.

m-4:

item:

The m-4 isn't aligning things in the same way as item does therefore the bell is shifted up on the midline.

#20236 switched to use m-4 because a css selector on item sets a display: flex overriding that of the no-mobile because that class doesn't set !important.

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

for anyone stumbling upon this later, most of the discussion can be found via following the "review" link in the OP.