Update ValidationPropertyDetails.tsx

Deed3Labs · Apr 5, 2024 · 98d70d7 · 98d70d7
1 parent 01e5de6
commit 98d70d7
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/packages/nextjs/components/ValidationPropertyDetails.tsx b/packages/nextjs/components/ValidationPropertyDetails.tsx
@@ -57,7 +57,7 @@ const PropertyDetails = ({
           </div>
           <div className="flex flex-row justify-between w-full gap-6 p-6 flex-wrap">
             {/* First col */}
-            <div className="flex flex-col flex-grow gap-4">
+            <div className="flex flex-col flex-grow justify-between">
               <div className="flex flex-row gap-2 items-center">
                 <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Bed / Bath: </div>
                 <div className="">
@@ -77,14 +77,14 @@ const PropertyDetails = ({
                   ) : (
                     <div className="flex flex-col">
                       <TextInput
-                        className="text-[3.6vw] sm:text-sm"
+                        className="text-[3.6vw] sm:text-sm h-3"
                         name="propertyBedrooms"
                         value={propertyDetail.propertyBedrooms}
                         placeholder="0"
                         onChange={handleChange}
                       ></TextInput>
                       <TextInput
-                        className="text-[3.6vw] sm:text-sm"
+                        className="text-[3.6vw] sm:text-sm h-3"
                         name="propertyBathrooms"
                         value={propertyDetail.propertyBathrooms}
                         placeholder="0"
@@ -97,7 +97,7 @@ const PropertyDetails = ({
               <div className="flex flex-row gap-2 items-center">
                 <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Lot size:</div>
                 <TextInput
-                  className="text-[3.6vw] sm:text-sm"
+                  className="text-[3.6vw] sm:text-sm h-3"
                   name="propertySize"
                   value={propertyDetail.propertySize}
                   readOnly={viewMode}
@@ -107,7 +107,7 @@ const PropertyDetails = ({
               <div className="flex flex-row gap-2 items-center">
                 <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Square footage:</div>
                 <TextInput
-                  className="text-[3.6vw] sm:text-sm"
+                  className="text-[3.6vw] sm:text-sm h-3"
                   name="propertySquareFootage"
                   value={propertyDetail.propertySquareFootage}
                   readOnly={viewMode}
@@ -119,7 +119,7 @@ const PropertyDetails = ({
               <div className="flex flex-row gap-2 items-center">
                 <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Build Year:</div>
                 <TextInput
-                  className="text-[3.6vw] sm:text-sm"
+                  className="text-[3.6vw] sm:text-sm h-3"
                   name="propertyBuildYear"
                   value={propertyDetail.propertyBuildYear}
                   readOnly={viewMode}
@@ -129,7 +129,7 @@ const PropertyDetails = ({
               <div className="flex flex-row gap-2 items-center">
                 <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Location:</div>
                 <TextInput
-                  className="text-[3.6vw] sm:text-sm"
+                  className="text-[3.6vw] sm:text-sm h-3"
                   name="propertyCity"
                   value={propertyDetail.propertyCity}
                   readOnly={viewMode}
@@ -139,7 +139,7 @@ const PropertyDetails = ({
               <div className="flex flex-row gap-2 items-center">
                 <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Property Type:</div>
                 <TextInput
-                  className="text-[3.6vw] sm:text-sm"
+                  className="text-[3.6vw] sm:text-sm h-3"
                   name="propertyHouseType"
                   value={propertyDetail.propertyHouseType}
                   readOnly={viewMode}