Badges in posts look misaligned on mobile

pento · January 9, 2025, 6:28am

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

github.com/discourse/discourse

FIX: Improve the user badge alignment on mobile devices.

discourse:main ← discourse:pento/fix-user-badge-alignment-mobile

opened 04:53AM - 09 Jan 25 UTC

pento

+8 -0

## ✨ What's This? Reported on [meta](https://meta.discourse.org/t/badges-in-p…osts-look-misaligned-on-mobile/346054). Due to more explicit CSS flex arrangement on mobile devices, user badges were being shoved out of alignment. This PR nudges them back into line. ## 📺 Screenshots ![](https://github.com/user-attachments/assets/c432ea80-18ae-4811-8ab2-b545bccd9e05) ## 👑 Testing Test on additional mobile device sizes, check that user badges are correctly aligned.

Topic		Replies	Views
Solved button alignment issue UX mobile , solved	6	918	December 17, 2021
Badges overflow from user card view UX	4	533	January 21, 2020
User directory layout for badge lists! Feature	4	1114	March 28, 2016
"Expand" button positioning on mobile inconsistent with desktop UX	5	808	December 15, 2017
Badge order doesn't make sense UX	4	692	February 22, 2024

Badges in posts look misaligned on mobile

Related topics