Badges in posts look misaligned on mobile

AI-generated summary

The discussion is about the misalignment of badges in posts on mobile devices. Badges are displayed before the username on mobile, unlike on desktop where they appear after the username. MatthewL246 reported this issue, sharing screenshots of both desktop and mobile views. pmusaraj agreed that the mobile view should match the desktop view. The feature’s author, pento, acknowledged the issue and has since merged a fix, as mentioned in pento. Users are asked to report any further issues with the fix.

This is related to the feature Wishlist: visual cue for "user got a badge for this post".

In the desktop view, the badges display after the username and title:

However, on mobile, the badges display before the username, creating a misaligned look because the username and title don’t start in the same place:

Safe mode doesn’t change anything. Personally, I would prefer the mobile view to look similar to the desktop view, where the badges display after the name.

4 Likes

Sounds reasonable to have mobile match desktop, what do you think @pento (as the author of the feature)?

3 Likes

Thank you for the bug report, @MatthewL246!

I agree that does look a bit janky, I’ll see what I can do to tidy it up.

4 Likes

I’ve merged a fix for this, please let us know if you run into any further issues with it, @MatthewL246!

https://github.com/discourse/discourse/pull/30665

4 Likes

This topic was automatically closed after 3 days. New replies are no longer allowed.