From 84bdd89ec3c95b4b0588d91f78668c6900bd67c1 Mon Sep 17 00:00:00 2001
From: Noah Spannbauer <noahspannbauer@icloud.com>
Date: Sun, 28 Jul 2024 08:27:01 -0500
Subject: [PATCH] adding pilots

---
 app/src/components/pilotForm/PilotForm.tsx    | 26 +++++++++----------
 .../PilotFormCertificates.tsx                 |  2 +-
 .../PilotFormEndorsements.tsx                 |  2 +-
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/app/src/components/pilotForm/PilotForm.tsx b/app/src/components/pilotForm/PilotForm.tsx
index 307cdaf..6b33b62 100644
--- a/app/src/components/pilotForm/PilotForm.tsx
+++ b/app/src/components/pilotForm/PilotForm.tsx
@@ -83,15 +83,15 @@ const PilotForm: React.FC<PilotFormProps> = ({
         <DrawerHeader text="Add Pilot" onClose={onOpenCloseDrawer} />
         <form onSubmit={methods.handleSubmit(onSubmit)}>
           <DrawerBody>
-            <div className="grid grid-cols-3 gap-4">
-              <div className="col-span-3">
+            <div className="grid grid-cols-4 gap-4">
+              <div className="col-span-4">
                 <Typography variant="h5">Info</Typography>
                 <hr className="my-3" />
               </div>
               <div className="col-span-1">
                 <Typography variant="h6">Name</Typography>
               </div>
-              <div className="col-span-2">
+              <div className="col-span-3">
                 <Controller
                   name="name"
                   control={methods.control}
@@ -114,7 +114,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
               <div className="col-span-1">
                 <Typography variant="h6">Address</Typography>
               </div>
-              <div className="col-span-2">
+              <div className="col-span-3">
                 <Controller
                   name="address"
                   control={methods.control}
@@ -131,7 +131,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
               <div className="col-span-1">
                 <Typography variant="h6">City</Typography>
               </div>
-              <div className="col-span-2">
+              <div className="col-span-3">
                 <Controller
                   name="city"
                   control={methods.control}
@@ -148,7 +148,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
               <div className="col-span-1">
                 <Typography variant="h6">State</Typography>
               </div>
-              <div className="col-span-2">
+              <div className="col-span-3">
                 <Controller
                   name="state"
                   control={methods.control}
@@ -165,7 +165,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
               <div className="col-span-1">
                 <Typography variant="h6">Postal Code</Typography>
               </div>
-              <div className="col-span-2">
+              <div className="col-span-3">
                 <Controller
                   name="postalCode"
                   control={methods.control}
@@ -182,7 +182,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
               <div className="col-span-1">
                 <Typography variant="h6">Email</Typography>
               </div>
-              <div className="col-span-2">
+              <div className="col-span-3">
                 <Controller
                   name="email"
                   control={methods.control}
@@ -199,7 +199,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
               <div className="col-span-1">
                 <Typography variant="h6">Phone Number</Typography>
               </div>
-              <div className="col-span-2">
+              <div className="col-span-3">
                 <Controller
                   name="phone"
                   control={methods.control}
@@ -213,12 +213,12 @@ const PilotForm: React.FC<PilotFormProps> = ({
                   )}
                 />
               </div>
-              <div className="col-span-3">
+              <div className="col-span-4">
                 <Typography variant="h5">Certificates</Typography>
                 <hr className="my-3" />
               </div>
               <PilotFormCertificates certificates={[]} />
-              <div className="col-span-3">
+              <div className="col-span-4">
                 <Typography variant="h5">Endorsements</Typography>
                 <hr className="my-3" />
               </div>
@@ -230,7 +230,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
               <div className="col-span-1">
                 <Typography variant="h6">Class</Typography>
               </div>
-              <div className="col-span-2">
+              <div className="col-span-3">
                 <Controller
                   name="medicalClass"
                   control={methods.control}
@@ -257,7 +257,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
               <div className="col-span-1">
                 <Typography variant="h6">Class</Typography>
               </div>
-              <div className="col-span-2">
+              <div className="col-span-3">
                 <Controller
                   name="medicalExpiration"
                   control={methods.control}
diff --git a/app/src/components/pilotFormCertificates/PilotFormCertificates.tsx b/app/src/components/pilotFormCertificates/PilotFormCertificates.tsx
index c3216a2..0e8e104 100644
--- a/app/src/components/pilotFormCertificates/PilotFormCertificates.tsx
+++ b/app/src/components/pilotFormCertificates/PilotFormCertificates.tsx
@@ -24,7 +24,7 @@ const PilotFormCertificates: React.FC<IPilotFormCertificates> = ({
   });
 
   return (
-    <div className="grid grid-cols-4 gap-4">
+    <div>
       {fields.map((field, index) => {
         return (
           <>
diff --git a/app/src/components/pilotFormEndorsements/PilotFormEndorsements.tsx b/app/src/components/pilotFormEndorsements/PilotFormEndorsements.tsx
index 08c756d..84e3848 100644
--- a/app/src/components/pilotFormEndorsements/PilotFormEndorsements.tsx
+++ b/app/src/components/pilotFormEndorsements/PilotFormEndorsements.tsx
@@ -24,7 +24,7 @@ const PilotFormEndorsements: React.FC<IPilotFormEndorsements> = ({
   });
 
   return (
-    <div className="grid grid-cols-3 gap-4">
+    <div>
       {fields.map((field, index) => {
         return (
           <>