Points off Scale panel can be offscreen in some locales

[Nancy-Salpepi]

Test device MacBook Air M1 chip/Dell

Operating System 14.1.1/Win10

Browser Chrome

Problem description For https://github.com/phetsims/qa/issues/1005, I noticed that the "Points off Scale!" string wasn't translated in 1.1.0-dev.2. On main, that problem seems to be fixed, but the panel on the right side no longer aligns with the right edge of the number line. This causes the panel to sometimes be cut off with certain locales and smaller screen sizes.

Steps to reproduce Here is an example:

1. In main, change the locale to Slovencina.
2. On the Generic screen, place a ball on the number line
3. Increase the ball's value until the "Points off Scale!" statement appears.

Visuals on Main:

Published:

On main with the iPad:

[marlitas]

I'm having a hard time recreating this. I followed the steps and the statement appears to be lined up with the number line as expected. Perhaps I hit this in some other commit somehow, but that seems unlikely to me...

@Nancy-Salpepi can you confirm you're still seeing this on your end?

[Nancy-Salpepi]

@marlitas it does happen. Sorry....my order of steps isn't right. Change the locale last:

1. In main, on the Generic screen, place a ball on the number line
2. Increase the ball's value until the "Points off Scale!" statement appears.
3. Change the locale to Slovencina.

[marlitas]

That did the trick! Thanks @Nancy-Salpepi. This is now ready to check on main. Feel free to close if all looks well.

[Nancy-Salpepi]

Looks good @marlitas!!