From 8f5d7859c8c585a7652ed8b2737ef0998fe8222c Mon Sep 17 00:00:00 2001
From: Pattadon <pattadon2546pn@gmail.com>
Date: Mon, 21 Oct 2024 11:35:45 +0700
Subject: [PATCH] Refactor ProjectForm component to fix tag overflow handling

---
 src/app/(investment)/deals/[id]/page.tsx | 2 +-
 src/app/project/apply/page.tsx           | 4 ++--
 src/components/ProjectForm.tsx           | 7 ++++---
 src/components/navigationBar/nav.tsx     | 4 ++--
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/app/(investment)/deals/[id]/page.tsx b/src/app/(investment)/deals/[id]/page.tsx
index 37fd7f4..6f1181a 100644
--- a/src/app/(investment)/deals/[id]/page.tsx
+++ b/src/app/(investment)/deals/[id]/page.tsx
@@ -125,7 +125,7 @@ export default async function ProjectDealPage({ params }: { params: { id: number
                     <CardDescription></CardDescription>
                   </CardHeader>
                   <CardContent>
-                    <div className="prose prose-sm max-w-none">
+                    <div className="prose prose-sm max-w-none ">
                       <ReactMarkdown>{projectData?.project_description || "No pitch available."}</ReactMarkdown>
                     </div>
                   </CardContent>
diff --git a/src/app/project/apply/page.tsx b/src/app/project/apply/page.tsx
index 7e16b5c..8d49c62 100644
--- a/src/app/project/apply/page.tsx
+++ b/src/app/project/apply/page.tsx
@@ -13,7 +13,7 @@ export default function ApplyProject() {
   };
   return (
     <div>
-      <div className="grid grid-flow-row auto-rows-max w-full h-52 md:h-92 bg-gray-100 dark:bg-gray-800 p-5">
+      <div className="grid grid-flow-row auto-rows-max w-full h-52 md:h-92 bg-gray-2s00 dark:bg-gray-800 p-5">
         <h1 className="text-2xl md:text-5xl font-medium md:font-bold justify-self-center md:mt-8">
           Apply to raise on B2DVentures
         </h1>
@@ -28,7 +28,7 @@ export default function ApplyProject() {
           </p>
         </div>
       </div>
-      <div className="grid auto-rows-max bg-zinc-100 dark:bg-zinc-900 pt-12 pb-12">
+      <div className="grid auto-rows-max bg-zinc-100 dark:bg-zinc-900 pt-12 -mb-6">
         <ProjectForm onSubmit={onSubmit} />
       </div>
     </div>
diff --git a/src/components/ProjectForm.tsx b/src/components/ProjectForm.tsx
index 11ed879..f9699e8 100644
--- a/src/components/ProjectForm.tsx
+++ b/src/components/ProjectForm.tsx
@@ -577,14 +577,15 @@ const ProjectForm = ({
               </FormItem>
             )}
           />
-
+        </div>
+        <center>
           <Button
-            className="mt-12 mb-20  h-10 text-base font-bold py-6 px-5"
+            className="mt-12 mb-20 h-10 text-base font-bold py-6 px-5 "
             type="submit"
           >
             Submit application
           </Button>
-        </div>
+        </center>
       </form>
     </Form>
   );
diff --git a/src/components/navigationBar/nav.tsx b/src/components/navigationBar/nav.tsx
index f7679a4..8579b13 100644
--- a/src/components/navigationBar/nav.tsx
+++ b/src/components/navigationBar/nav.tsx
@@ -51,8 +51,8 @@ export function NavigationBar() {
   const projectComponents = [
     {
       title: "Projects",
-      href: "/landing",
-      description: "Raise on B2DVentures",
+      href: "/project/apply",
+      description: "Start your new project on B2DVentures",
     },
   ];