From 01e5de67c1ff6b9c7e90703b9e8587c6b5849565 Mon Sep 17 00:00:00 2001
From: "Isaiah \"KyngKai\" Litt" <74473762+KyngKai909@users.noreply.github.com>
Date: Fri, 5 Apr 2024 17:06:33 -0600
Subject: [PATCH] Update ValidationPropertyDetails.tsx

---
 .../components/ValidationPropertyDetails.tsx  | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/packages/nextjs/components/ValidationPropertyDetails.tsx b/packages/nextjs/components/ValidationPropertyDetails.tsx
index 8c7a2a28..361ba579 100644
--- a/packages/nextjs/components/ValidationPropertyDetails.tsx
+++ b/packages/nextjs/components/ValidationPropertyDetails.tsx
@@ -59,12 +59,12 @@ const PropertyDetails = ({
             {/* First col */}
             <div className="flex flex-col flex-grow gap-4">
               <div className="flex flex-row gap-2 items-center">
-                <div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Bed / Bath: </div>
+                <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Bed / Bath: </div>
                 <div className="">
                   {viewMode ? (
                     <>
                       <TextInput
-                        className="input-sm text-[3vw] sm:text-sm"
+                        className="text-[3.6vw] sm:text-sm"
                         name="propertyBedrooms"
                         value={`${propertyDetail.propertyBedrooms ?? 0} Bed / ${
                           propertyDetail.propertyBathrooms ?? 0
@@ -77,14 +77,14 @@ const PropertyDetails = ({
                   ) : (
                     <div className="flex flex-col">
                       <TextInput
-                        className="input-sm text-[3vw] sm:text-sm"
+                        className="text-[3.6vw] sm:text-sm"
                         name="propertyBedrooms"
                         value={propertyDetail.propertyBedrooms}
                         placeholder="0"
                         onChange={handleChange}
                       ></TextInput>
                       <TextInput
-                        className="input-sm text-[3vw] sm:text-sm"
+                        className="text-[3.6vw] sm:text-sm"
                         name="propertyBathrooms"
                         value={propertyDetail.propertyBathrooms}
                         placeholder="0"
@@ -95,9 +95,9 @@ const PropertyDetails = ({
                 </div>
               </div>
               <div className="flex flex-row gap-2 items-center">
-                <div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Lot size:</div>
+                <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Lot size:</div>
                 <TextInput
-                  className="input-sm text-[3vw] sm:text-sm"
+                  className="text-[3.6vw] sm:text-sm"
                   name="propertySize"
                   value={propertyDetail.propertySize}
                   readOnly={viewMode}
@@ -105,9 +105,9 @@ const PropertyDetails = ({
                 ></TextInput>
               </div>
               <div className="flex flex-row gap-2 items-center">
-                <div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Square footage:</div>
+                <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Square footage:</div>
                 <TextInput
-                  className="input-sm text-[3vw] sm:text-sm"
+                  className="text-[3.6vw] sm:text-sm"
                   name="propertySquareFootage"
                   value={propertyDetail.propertySquareFootage}
                   readOnly={viewMode}
@@ -117,9 +117,9 @@ const PropertyDetails = ({
             </div>
             <div className="flex flex-col flex-grow">
               <div className="flex flex-row gap-2 items-center">
-                <div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Build Year:</div>
+                <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Build Year:</div>
                 <TextInput
-                  className="input-sm text-[3vw] sm:text-sm"
+                  className="text-[3.6vw] sm:text-sm"
                   name="propertyBuildYear"
                   value={propertyDetail.propertyBuildYear}
                   readOnly={viewMode}
@@ -127,9 +127,9 @@ const PropertyDetails = ({
                 ></TextInput>
               </div>
               <div className="flex flex-row gap-2 items-center">
-                <div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Location:</div>
+                <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Location:</div>
                 <TextInput
-                  className="input-sm text-[3vw] sm:text-sm"
+                  className="text-[3.6vw] sm:text-sm"
                   name="propertyCity"
                   value={propertyDetail.propertyCity}
                   readOnly={viewMode}
@@ -137,9 +137,9 @@ const PropertyDetails = ({
                 ></TextInput>
               </div>
               <div className="flex flex-row gap-2 items-center">
-                <div className="text-[3vw] sm:text-sm text-zinc-400 font-normal w-3/4">Property Type:</div>
+                <div className="text-[3.6vw] sm:text-sm text-zinc-400 font-normal w-3/4">Property Type:</div>
                 <TextInput
-                  className="input-sm text-[3vw] sm:text-sm"
+                  className="text-[3.6vw] sm:text-sm"
                   name="propertyHouseType"
                   value={propertyDetail.propertyHouseType}
                   readOnly={viewMode}
@@ -153,7 +153,7 @@ const PropertyDetails = ({
               <svg
                 width="14"
                 height="14"
-                viewBox="0 0 16 16"
+                viewBox="0 0 18 18"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
               >
@@ -178,7 +178,7 @@ const PropertyDetails = ({
               <svg
                 width="14"
                 height="14"
-                viewBox="0 0 16 16"
+                viewBox="0 0 18 18"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
               >
@@ -233,7 +233,7 @@ const PropertyDetails = ({
               <svg
                 width="14"
                 height="14"
-                viewBox="0 0 16 16"
+                viewBox="0 0 18 18"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
               >