From 4ea04ccf6471816c5ba530f67eb9160138c50921 Mon Sep 17 00:00:00 2001
From: Mark Hayes <mhayes@repairpal.com>
Date: Wed, 12 Dec 2018 14:35:54 -0800
Subject: [PATCH] Revert change to handle positioning

---
 src/TwentyTwenty.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/TwentyTwenty.vue b/src/TwentyTwenty.vue
index 4a3109b..99ff61c 100644
--- a/src/TwentyTwenty.vue
+++ b/src/TwentyTwenty.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="twentytwenty-container"
-    v-bind:style="containerStyle">
+    v-bind:style="containerStyle"
+    v-on:touchstart="startSlide"
+    v-on:mousedown="startSlide">
     <img :src="after" alt="after"
       v-on:mousedown.prevent
       v-on:load="setDimensions" />
@@ -13,9 +15,7 @@
       <div v-if="afterLabel" class="twentytwenty-after-label">{{afterLabel}}</div>
     </div>
     <div class="twentytwenty-handle"
-      v-bind:style="handleStyle"
-      v-on:touchstart="startSlide"
-      v-on:mousedown="startSlide">
+      v-bind:style="handleStyle">
         <div class="twentytwenty-arrow-left"></div>
         <div class="twentytwenty-arrow-right"></div>
     </div>