From a0bde7db237163cb17683d5d98eb2c6a1293df49 Mon Sep 17 00:00:00 2001
From: Jake Kasper <jake.kasper@hpe.com>
Date: Wed, 3 Sep 2025 14:32:22 -0400
Subject: [PATCH] spacing

---
 frontend/src/pages/Products/Products.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/Products/Products.js b/frontend/src/pages/Products/Products.js
index 65896d0..4c7179f 100644
--- a/frontend/src/pages/Products/Products.js
+++ b/frontend/src/pages/Products/Products.js
@@ -752,12 +752,12 @@ const CreateProductModal = ({ onSubmit, onCancel, sharedProducts, categories })
             </>
           )}
 
-          <div className="grid grid-cols-2 gap-4">
+          <div className="grid grid-cols-2 gap-6 items-start">
             <div>
               {formData.productType === 'seed' ? (
                 <div>
                   <label className="label">Seeding Rates</label>
-                  <div className="space-y-2">
+                  <div className="space-y-3">
                     <div>
                       <label className="label text-xs">New Lawn (lbs/1000 sq ft)</label>
                       <input type="number" step="0.01" className="input" value={seedNewRate} onChange={(e)=> setSeedNewRate(e.target.value)} placeholder="e.g., 7" />
@@ -782,7 +782,7 @@ const CreateProductModal = ({ onSubmit, onCancel, sharedProducts, categories })
                 </>
               )}
             </div>
-            <div>
+            <div className="pt-6">
               <label className="label">Rate Unit</label>
               <select
                 className="input"
@@ -1455,12 +1455,12 @@ const EditProductModal = ({ product, onSubmit, onCancel, sharedProducts, categor
                 />
               </div>
 
-              <div className="grid grid-cols-2 gap-4">
+              <div className="grid grid-cols-2 gap-6 items-start">
                 <div>
                   {formData.productType === 'seed' ? (
                     <div>
                       <label className="label">Seeding Rates</label>
-                      <div className="space-y-2">
+                      <div className="space-y-3">
                         <div>
                           <label className="label text-xs">New Lawn (lbs/1000 sq ft)</label>
                           <input type="number" step="0.01" className="input" value={editSeedNewRate} onChange={(e)=> setEditSeedNewRate(e.target.value)} placeholder="e.g., 7" />
@@ -1485,7 +1485,7 @@ const EditProductModal = ({ product, onSubmit, onCancel, sharedProducts, categor
                     </>
                   )}
                 </div>
-                <div>
+                <div className="pt-6">
                   <label className="label">Rate Unit</label>
                   <select
                     className="input"