From f30110fa3d08badb49511ee7084871730f39145a Mon Sep 17 00:00:00 2001
From: Saurabh Totey <SaurabhTotey@gmail.com>
Date: Mon, 1 Jul 2019 15:25:25 -0600
Subject: [PATCH] Gave zoom buttons asymmetric touch dilations

See #243
---
 js/atomic-interactions/view/ZoomableGridNode.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/js/atomic-interactions/view/ZoomableGridNode.js b/js/atomic-interactions/view/ZoomableGridNode.js
index 6080a105..4cd872be 100644
--- 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 );