Make clicking fence nubs more consistent

LachlanBWWright · Jan 13, 2025 · e16ac9d · e16ac9d
1 parent e8105fa
commit e16ac9d
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/frontend/src/editor/subviews/fences/Fence.tsx b/frontend/src/editor/subviews/fences/Fence.tsx
@@ -22,6 +22,12 @@ export function Fence({
 
   return (
     <>
+      <Line
+        points={lines}
+        stroke={fenceIdx === selectedFence ? "red" : getColour(fenceIdx)}
+        strokeWidth={fenceIdx === selectedFence ? 5 : 2}
+        onClick={() => setSelectedFence(fenceIdx)}
+      />
       {data.FnNb[1000 + fenceIdx].obj.map((nub, nubIdx) => (
         <FenceNub
           key={nubIdx}
@@ -34,12 +40,6 @@ export function Fence({
           }}
         />
       ))}
-      <Line
-        points={lines}
-        stroke={fenceIdx === selectedFence ? "red" : getColour(fenceIdx)}
-        strokeWidth={fenceIdx === selectedFence ? 5 : 2}
-        onClick={() => setSelectedFence(fenceIdx)}
-      />
     </>
   );
 }