From bc5728ffa1143bc1c2d13eaa8243c12e5e7cb792 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Sun, 19 Apr 2020 17:57:49 +1000
Subject: [PATCH] Moved map tokens above drawing and fixed token interaction
 bug

---
 src/components/Map.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Map.js b/src/components/Map.js
index fd02740..51a523c 100644
--- a/src/components/Map.js
+++ b/src/components/Map.js
@@ -214,6 +214,7 @@ function Map({
         left: 0,
         right: 0,
         bottom: 0,
+        pointerEvents: "none",
       }}
     >
       {Object.values(tokens).map((token) => (
@@ -259,7 +260,6 @@ function Map({
               }}
             />
             {mapImage}
-            {mapTokens}
             <MapDrawing
               width={mapData ? mapData.width : 0}
               height={mapData ? mapData.height : 0}
@@ -268,6 +268,7 @@ function Map({
               onShapeAdd={handleShapeAdd}
               onShapeRemove={handleShapeRemove}
             />
+            {mapTokens}
           </Box>
         </Box>
         <MapControls