Appearance of labels in forces menu doesn't match design spec

[ycarpenterphet]

(1) The text "Hide Forces" and "Total Force" should be left-aligned with the straight edge of the bracket for the last radio button.

(2) Slightly decrease the font size for the Attractive and Repulsive labels, in order to increase the spacing between the first two radio buttons.

See this snapshot from the design doc:

[jbphet]

Sounds like this may be fixed, assigning to @ycarpenterphet to verify on Looks like this may have been fixed. Assigning to @ycarpenterphet to verify on http://www.colorado.edu/physics/phet/dev/html/atomic-interactions/1.0.0-dev.2/atomic-interactions_en.html. If fixed, please close, if not, please assign to @kmsravindra.

[pixelzoom]

In the commit above (https://github.com/phetsims/atomic-interactions/commit/864d0aa82642326200b8da96472be842bba07b54), magic constants were introduced in AtomicInteractionsControlPanel:

var sliderTrackWidth = enableHeterogeneousMolecules ? 130 : 120;

Why these particular values? Are these values specific to the English strings, or will they provide the requested layout for all locales?

[ycarpenterphet]

@kmsravindra Can you respond to @pixelzoom's comment, above, as to whether the alignment in the latest version allows for i8n support while maintaining this alignment?

[ChandrashekarBemagoni]

Removed magic constansts var sliderTrackWidth = enableHeterogeneousMolecules ? 130 : 120;. Now force control panel aliginment is i18n support.

[ChandrashekarBemagoni]

Fixed in above commits. Assigning to @ycarpenterphet for verification

[ycarpenterphet]

Looks good. Closing.