A layout bug in the Admin > Badges page was reported after updating to Discourse 3.4.0.beta2-dev, where a large empty space appeared on the left side, breaking usability. The issue was initially unreproducible by Lilly but was later traced by Richie to changing the default locale setting from English (US) to English (UK). The bug persisted in Safe Mode and across browsers, confirming it wasn’t plugin-related. david identified two root causes: (1) the UK translation was missing an updated, longer description string, and (2) the layout was incorrectly dependent on description length — shortening the text in US English reproduced the bug. The issue was linked to a recent commit (be5c37a6). ella submitted a fix by adding a div wrapper to stabilize the layout across locales. Richie thanked the team, humorously accepting UK “ownership” of the bug. The fix will resolve the issue for UK and other locales with shorter translations. Lilly joked about blaming the UK, while Jagster asked about Canadian locale preferences — Lilly noted Canada typically defaults to US English.
Hi everyone.
Just updated to Disourse 3.4.0.beta2-dev (cde4db1c6a) only to find the layout of the admin page for Badges is a bit broken.
The list of badges is usually on the left of the screen, allowing you to manage / add / edit the badges on the right hand side of the screen.
But here’s how it looks now, there’s a great big empty and unusable space in the left-middle:
can you try safe mode? I can’t reproduce this. 
Hmm, it’s doing it in Safari and Chrome, both tested and replicated in Safe Mode too.
Ok, thanks @Lilly - it might be something else I’ve changed elsewhere, you can probably ignore this one 
I just did a fresh deploy to my test hosted site and badge admin is working as expected. that is odd that it’s doing that in safe mode.
I also did a check with header drop down menu instead of sidebar, as well as using the old admin nav menu, and it is still working as expected.
Steps to replicate:
default locale setting to English (UK):
https://example.com/admin/badges where the layout is now broken:
default locale setting to it’s default of English (US):
https://example.com/admin/badges where the layout is now working just fine:I have absolutely no idea how or why this is the case
But a big shout out to @JammyDodger for highlighting the root cause
Is this bug something that could be fixed?
Thanks @Richie!
Looks like there are a couple of problems here.
The English(UK) translation is missing the new, longer, description at the top of the page. That’s because the ‘badges.description’ key has been reused, and we haven’t done an update from Crowdin since then
This will resolve itself imminently, when translations are auto-updated
The layout seems to be dependent on the length of the description. In US english, I can repro the problem by going into dev tools and shortening the description
Even once the UK english string is updated, this is still worth fixing because other languages which use fewer characters are likely to have the same problem.
Looks like the change is related to UX: Apply admin UI to Badges (#28724) · discourse/discourse@be5c37a · GitHub (cc @ella @martin)
Thanks for the insight @david 
I’m in Canada and I’m blaming the UK for this one. 
thanks Richie. I didn’t even consider the locale setting 
This is totally off topic, but there isn’t any English (CA), there is? So would you use UK or US locales? It may depend of course, but in general?
our stuff usually defaults to US. we don’t say loo or trousers much here. lol
Not a problem, we’ll happily claim ownership of this one on behalf of the rest of the world 
Thanks for catching that!
I added a div wrapper to make the layout more stable and fixed the issue with inconsistency when using different locales.
Should be fixed with this PR:
https://github.com/discourse/discourse/pull/28807
My entire country thanks you for the quick fix @ella 
