Translated button text spills out of the button on small phones
The English labels fit nicely, then the German ones arrive and half a word hangs outside the button. Squeezing the screen only shows it on some phones. This entry gives your AI a quick check that lists every label that will not fit and the biggest letters that would.
Why this works
Letter widths differ, so counting characters misleads; a rough width per letter, checked for every label and language before release, finds the problems that a single screenshot misses.
When not to use it
Skip it when labels can wrap onto two lines or the button grows with its text; then check height instead.
In the full entry
- What to build, step by step
- Starting values and the reason for each
- 3 common mistakes and the fix
- A diagram of every state
- 37 lines of example code with 3 checks that pass
- How your AI shows you that it works
Say this to your AI
Use the Spielerando entry "Translated button text spills out of the button on small phones" (read_entry translated-button-text-spills-out-small-phone) in my game. Build it step by step, and show me how you checked that it works.Or skip this and connect the MCP: your AI then finds all of this by itself.Connect the MCP