From 22449089fa67e0e5417988a576225b75c0f41ba3 Mon Sep 17 00:00:00 2001
From: Pattadon <pattadon2546pn@gmail.com>
Date: Fri, 14 Mar 2025 11:32:24 +0700
Subject: [PATCH] feat: add margin to section headers in setup page for
 improved layout

---
 frontend/app/(sidebar)/setup/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/app/(sidebar)/setup/page.tsx b/frontend/app/(sidebar)/setup/page.tsx
index ec414db..271cb64 100644
--- a/frontend/app/(sidebar)/setup/page.tsx
+++ b/frontend/app/(sidebar)/setup/page.tsx
@@ -57,7 +57,7 @@ export default function SetupPage() {
     console.log("Submitting:", { plantingDetails, harvestDetails, mapData });
 
     // send request to the server
-    
+
   };
 
   return (
@@ -83,21 +83,21 @@ export default function SetupPage() {
 
       {step === 1 && (
         <>
-          <h2 className="text-xl text-center">Planting Details</h2>
+          <h2 className="text-xl text-center mb-5">Planting Details</h2>
           <PlantingDetailsForm onChange={setPlantingDetails} />
         </>
       )}
 
       {step === 2 && (
         <>
-          <h2 className="text-xl text-center">Harvest Details</h2>
+          <h2 className="text-xl text-center mb-5">Harvest Details</h2>
           <HarvestDetailsForm onChange={setHarvestDetails} />
         </>
       )}
 
       {step === 3 && (
         <>
-          <h2 className="text-xl text-center">Select Area on Map</h2>
+          <h2 className="text-xl text-center mb-5">Select Area on Map</h2>
           <GoogleMapWithDrawing onAreaSelected={setMapData} />
         </>
       )}