Gave zoom buttons asymmetric touch dilations

See #243
phetsims · Jul 1, 2019 · f30110f · f30110f
1 parent e4a94f2
commit f30110f
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/js/atomic-interactions/view/ZoomableGridNode.js b/js/atomic-interactions/view/ZoomableGridNode.js
@@ -64,7 +64,10 @@ define( function( require ) {
       xMargin: 3,
       yMargin: 3,
       disabledBaseColor: '#EDEDED',
-      buttonAppearanceStrategy: RectangularButtonView.FlatAppearanceStrategy
+      buttonAppearanceStrategy: RectangularButtonView.FlatAppearanceStrategy,
+      touchAreaXDilation: 10,
+      touchAreaYDilation: 8,
+      touchAreaYShift: -7
     } );
     this.zoomInButton.enabled = false;
 
@@ -82,7 +85,10 @@ define( function( require ) {
       yMargin: 3,
       disabledBaseColor: '#EDEDED',
       buttonAppearanceStrategy: RectangularButtonView.FlatAppearanceStrategy,
-      in: false
+      in: false,
+      touchAreaXDilation: 10,
+      touchAreaYDilation: 8,
+      touchAreaYShift: 7
     } );
     this.zoomOutButton.enabled = true;
     this.addChild( this.zoomInButton );