Dilated touch areas for NumberControl arrow buttons.

#348
phetsims · Apr 30, 2019 · 16bb63b · 16bb63b
1 parent 2fd6cd8
commit 16bb63b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/js/common/view/GravityAndDampingControlNode.js b/js/common/view/GravityAndDampingControlNode.js
@@ -143,7 +143,11 @@ define( function( require ) {
             }
           ]
         },
-        arrowButtonOptions: { scale: 0.55 }
+        arrowButtonOptions: {
+          scale: 0.55,
+          touchAreaXDilation: 22,
+          touchAreaYDilation: 18
+        }
       } );
 
     // Added logic for compatibility with Masses and Springs: Basics

diff --git a/js/common/view/MassValueControlPanel.js b/js/common/view/MassValueControlPanel.js
@@ -109,7 +109,11 @@ define( function( require ) {
         ],
         trackSize: trackSizeProperty.value
       },
-      arrowButtonOptions: { scale: 0.5 }
+      arrowButtonOptions: {
+        scale: 0.5,
+        touchAreaXDilation: 16,
+        touchAreaYDilation: 16
+      }
     } );
     var contentNode = new Node( { children: [ numberControl, massNodeIcon ] } );