From 1b8dcab3e93537c74359e9b3ea923074b7a28f8c Mon Sep 17 00:00:00 2001
From: Jake Kasper <jake.kasper@hpe.com>
Date: Fri, 5 Sep 2025 11:00:46 -0400
Subject: [PATCH] asdf

---
 frontend/src/pages/Watering/Watering.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/Watering/Watering.js b/frontend/src/pages/Watering/Watering.js
index f519bdf..c4107e9 100644
--- a/frontend/src/pages/Watering/Watering.js
+++ b/frontend/src/pages/Watering/Watering.js
@@ -367,11 +367,11 @@ const Watering = () => {
           </div>
           <div className="card space-y-2">
             <div className="font-medium">Plan</div>
-            <div className="flex gap-2 items-center">
-              <select className="input flex-1" value={plan?.id || ''} onChange={(e)=> selectPlan(e.target.value)} disabled={!selectedProperty}>
-                <option value="">-- Select plan --</option>
-                {plans.map(pl => (<option key={pl.id} value={pl.id}>{pl.name}</option>))}
-              </select>
+            <select className="input w-full" value={plan?.id || ''} onChange={(e)=> selectPlan(e.target.value)} disabled={!selectedProperty}>
+              <option value="">-- Select plan --</option>
+              {plans.map(pl => (<option key={pl.id} value={pl.id}>{pl.name}</option>))}
+            </select>
+            <div className="flex gap-2 items-center flex-wrap">
               <button className="btn-secondary" disabled={!selectedProperty} onClick={async ()=>{
                 const name = `Sprinklers ${new Date().toLocaleDateString()}`;
                 const r = await wateringAPI.createPlan({ propertyId: selectedProperty.id, name });