From af10a60e171fc5308bd213c8f89900a4c91db86f Mon Sep 17 00:00:00 2001
From: Jake Kasper <jake.kasper@hpe.com>
Date: Fri, 5 Sep 2025 09:58:40 -0400
Subject: [PATCH] watering

---
 frontend/src/pages/Watering/Watering.js | 55 +++++++++++++------------
 1 file changed, 28 insertions(+), 27 deletions(-)

diff --git a/frontend/src/pages/Watering/Watering.js b/frontend/src/pages/Watering/Watering.js
index 19bfee6..4aac85d 100644
--- a/frontend/src/pages/Watering/Watering.js
+++ b/frontend/src/pages/Watering/Watering.js
@@ -420,34 +420,35 @@ const Watering = () => {
                         },
                         click: ()=> onSelectPoint(pt)
                       }}
-                    />
-                    <Popup>
-                      <div className="space-y-2 text-sm">
-                        <div className="font-medium">Adjust Sprinkler</div>
-                        <div className="flex items-center gap-2">
-                          <span className="text-xs">Heading:</span>
-                          <button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, -10)}>-10°</button>
-                          <button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, -1)}>-1°</button>
-                          <span className="px-2">{Number(pt.sprinkler_heading_degrees||0)}°</span>
-                          <button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, +1)}>+1°</button>
-                          <button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, +10)}>+10°</button>
+                    >
+                      <Popup>
+                        <div className="space-y-2 text-sm">
+                          <div className="font-medium">Adjust Sprinkler</div>
+                          <div className="flex items-center gap-2">
+                            <span className="text-xs">Heading:</span>
+                            <button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, -10)}>-10°</button>
+                            <button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, -1)}>-1°</button>
+                            <span className="px-2">{Number(pt.sprinkler_heading_degrees||0)}°</span>
+                            <button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, +1)}>+1°</button>
+                            <button className="px-2 py-1 border rounded" onClick={()=> adjustHeading(pt, +10)}>+10°</button>
+                          </div>
+                          <div className="grid grid-cols-3 gap-2 items-center">
+                            <div></div>
+                            <button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, 0, +1)}>▲</button>
+                            <div></div>
+                            <button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, -1, 0)}>◀</button>
+                            <div className="text-center text-xs">Move 1 ft</div>
+                            <button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, +1, 0)}>▶</button>
+                            <div></div>
+                            <button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, 0, -1)}>▼</button>
+                            <div></div>
+                          </div>
+                          <div className="flex gap-2 pt-1">
+                            <button className="btn-secondary" onClick={async ()=>{ await wateringAPI.deletePoint(pt.id); setPoints(prev=> prev.filter(p=> p.id!==pt.id)); }}>Delete</button>
+                          </div>
                         </div>
-                        <div className="grid grid-cols-3 gap-2 items-center">
-                          <div></div>
-                          <button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, 0, +1)}>▲</button>
-                          <div></div>
-                          <button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, -1, 0)}>◀</button>
-                          <div className="text-center text-xs">Move 1 ft</div>
-                          <button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, +1, 0)}>▶</button>
-                          <div></div>
-                          <button className="px-2 py-1 border rounded" onClick={()=> nudgePointLocation(pt, 0, -1)}>▼</button>
-                          <div></div>
-                        </div>
-                        <div className="flex gap-2 pt-1">
-                          <button className="btn-secondary" onClick={async ()=>{ await wateringAPI.deletePoint(pt.id); setPoints(prev=> prev.filter(p=> p.id!==pt.id)); }}>Delete</button>
-                        </div>
-                      </div>
-                    </Popup>
+                      </Popup>
+                    </Marker>
                     {cov?.kind==='circle' && (
                       cov.degrees && cov.degrees < 360 ? (
                         <Polygon positions={sectorPolygon({lat:Number(pt.lat),lng:Number(pt.lng)}, cov.radius, (pt.sprinkler_heading_degrees||0), (pt.sprinkler_heading_degrees||0)+cov.degrees)} pathOptions={{ color:'#2563eb', fillOpacity:0.2 }} />