Applying maxWidth to Text only for the scale number control, see #104

phetsims · Mar 21, 2023 · 2ec0f8a · 2ec0f8a
1 parent c2d9303
commit 2ec0f8a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/js/common/view/MySolarSystemControls.ts b/js/common/view/MySolarSystemControls.ts
@@ -37,11 +37,13 @@ export default class MySolarSystemControls extends VBox {
         new HSeparator( SolarSystemCommonConstants.HSEPARATOR_OPTIONS ),
         ...createArrowsVisibilityCheckboxes( model, providedOptions.tandem ),
         new HBox( {
-          maxWidth: SolarSystemCommonConstants.TEXT_MAX_WIDTH,
           spacing: 0,
           enabledProperty: model.gravityVisibleProperty,
           children: [
-            new Text( SolarSystemCommonStrings.scaleStringProperty, combineOptions<TextOptions>( { layoutOptions: { leftMargin: 20 } }, SolarSystemCommonConstants.TEXT_OPTIONS ) ),
+            new Text( SolarSystemCommonStrings.scaleStringProperty, combineOptions<TextOptions>( {
+              maxWidth: SolarSystemCommonConstants.TEXT_MAX_WIDTH / 2,
+              layoutOptions: { leftMargin: 20 }
+            }, SolarSystemCommonConstants.TEXT_OPTIONS ) ),
             new NumberControl( SolarSystemCommonStrings.scaleStringProperty, model.forceScaleProperty, model.forceScaleProperty.range, {
               arrowButtonOptions: { visible: false },
               sliderOptions: {