From 1be3b9fb7c0a629acde14abb705aa083c1667fe7 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Sat, 4 May 2024 09:28:05 -0500
Subject: [PATCH] change line order so edges are more easily clickable

---
 web/src/components/settings/PolygonDrawer.tsx | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/web/src/components/settings/PolygonDrawer.tsx b/web/src/components/settings/PolygonDrawer.tsx
index 3690cffd5..706cbea9d 100644
--- a/web/src/components/settings/PolygonDrawer.tsx
+++ b/web/src/components/settings/PolygonDrawer.tsx
@@ -122,6 +122,21 @@ export default function PolygonDrawer({
       onDragEnd={isActive ? handleGroupDragEnd : undefined}
       dragBoundFunc={isActive ? groupDragBound : undefined}
     >
+      <Line
+        name="filled-line"
+        points={flattenedPoints}
+        stroke={colorString(true)}
+        strokeWidth={3}
+        hitStrokeWidth={12}
+        closed={isFinished}
+        fill={colorString(isActive || isHovered ? true : false)}
+        onMouseOver={() =>
+          isFinished ? setCursor("move") : setCursor("crosshair")
+        }
+        onMouseOut={() =>
+          isFinished ? setCursor("default") : setCursor("crosshair")
+        }
+      />
       {isFinished && isActive && (
         <Line
           name="unfilled-line"
@@ -135,21 +150,6 @@ export default function PolygonDrawer({
           }
         />
       )}
-      <Line
-        name="filled-line"
-        points={flattenedPoints}
-        stroke={colorString(true)}
-        strokeWidth={3}
-        closed={isFinished}
-        fill={colorString(isActive || isHovered ? true : false)}
-        onMouseOver={() =>
-          isFinished ? setCursor("move") : setCursor("crosshair")
-        }
-        onMouseOut={() =>
-          isFinished ? setCursor("default") : setCursor("crosshair")
-        }
-      />
-
       {points.map((point, index) => {
         if (!isActive) {
           return;