From e76aca28d3ed44f1484a502347e533ed4ed875e8 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Thu, 13 Feb 2025 22:13:24 +0700
Subject: [PATCH] feat: improve layout of planting and harvest details sections
 with centered headings and updated form structure

---
 frontend/app/setup/page.tsx                 | 10 ++++++++--
 frontend/app/setup/planting-detail-form.tsx |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/app/setup/page.tsx b/frontend/app/setup/page.tsx
index cc11086..13457a1 100644
--- a/frontend/app/setup/page.tsx
+++ b/frontend/app/setup/page.tsx
@@ -4,11 +4,17 @@ import { Separator } from "@/components/ui/separator";
 export default function SetupPage() {
   return (
     <div className="p-5">
-      <h1 className="text-2xl">Plating Details</h1>
+      <div className=" flex justify-center">
+        <h1 className="flex text-2xl ">Plating Details</h1>
+      </div>
       <Separator className="mt-3" />
-      <div className="mt-3">
+      <div className="mt-10 flex justify-center">
         <PlantingDetailsForm />
       </div>
+      <div className=" flex justify-center mt-20">
+        <h1 className="flex text-2xl ">Harvest Details</h1>
+      </div>
+      <Separator className="mt-3" />
     </div>
   );
 }
diff --git a/frontend/app/setup/planting-detail-form.tsx b/frontend/app/setup/planting-detail-form.tsx
index d2e08f4..e6cc1c2 100644
--- a/frontend/app/setup/planting-detail-form.tsx
+++ b/frontend/app/setup/planting-detail-form.tsx
@@ -32,7 +32,7 @@ export default function PlantingDetailsForm() {
   });
   return (
     <Form {...form}>
-      <form className="space-y-5">
+      <form className="grid grid-cols-3 gap-5">
         <FormField
           control={form.control}
           name="daysToEmerge"