Distance and Launch Angle values overlap with ?stringTest=dynamic

[Nancy-Salpepi]

Test device MacBook Air M1 chip

Operating System 14.4.1

Browser Safari 17.4.1

Problem description For https://github.com/phetsims/qa/issues/1068, on the first 3 screens when the measuring tape is in the default position, the distance value may occlude Launch Angle value. This is seen with ?stringTest=dynamic.

Steps to reproduce

1. Add ?stringTest=dynamic to url
2. Go to any of the first 3 screens, and check Measuring Tape and Launch Angle checkboxes
3. Press the right arrow key a couple of times

Visuals

https://github.com/phetsims/projectile-data-lab/assets/87318828/41bc7747-16bf-4654-88da-79723cd1ff3e

[Nancy-Salpepi]

also overlap when the launch angle is zero (although I'm not sure what can be done about any of these instances):

[samreid]

In discussion with @matthew-blackman, perhaps the readout could be above the measuring tape? That won't overlap other things and won't be occluded by a finger on mobile.

• [x] move measuring tape text above

@matthew-blackman also recommends:

• [x] reducing the maxWidth of the heat map value readouts
• [x] adjusting the position of the raised launcher angle readout

[samreid]

I addressed the recommendations above.

@matthew-blackman can you please review/test?

[matthew-blackman]

The updated layout and positioning looks good. Nice work @samreid! The distance text works well above the tape measure. I reviewed the commits and all are very straightforward. Marking as ready to cherry-pick.

[matthew-blackman]

Please close after verifying.

[KatieWoe]

Only minor note is that the tape itself can cover important speed info when launching from a zero angle. If this is alright, it can be closed.

[samreid]

@matthew-blackman and I discussed it and agreed it is OK. Closing.