Long screen names push navigation bar icon to the right when sim is launched

[pixelzoom]

For phetsims/qa#662. phetsims/joist#725 is a problem in the natural-selection 1.4 branch. Blocking because it impacts usability of the navigation bar.

[pixelzoom]

Assigning to @jonathanolson, because he's responsible for the blocking issue phetsims/joist#725. Please let me know when this is fixed, and what I need to patch.

[pixelzoom]

From phetsims/joist#725 (comment), the commits to cherry-pick (in this order) are:

phetsims/joist@321e788
phetsims/joist@58fd741
phetsims/joist@6299e69
phetsims/joist@eb2a5d9
phetsims/joist@720b149
phetsims/joist@33aab76

phetsims/scenery@f0adace
phetsims/scenery@7656bb0
phetsims/scenery@aa0952d

[pixelzoom]

Cherry-picked the above shas, in order, without any problems.

Tested a local build using these steps:

1. Lauch the sim in Studio
2. Change the value of naturalSelection.introScreen.nameProperty to "Into The Spiderverse"
3. Press the "Preview Sim" button. Verify that the screen name looks correct in the navbar and home screen.

Ready for testing in the next RC.

[KatieWoe]

Looks good in rc.2