Spielerando

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