fix: figma matching

metrotranscom · Jan 13, 2025 · 0834a98 · 0834a98
1 parent c02e2ad
commit 0834a98
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/doorway-ui-components/src/forms/Field.scss b/doorway-ui-components/src/forms/Field.scss
@@ -1,7 +1,6 @@
 .doorway-field {
   width: 100%;
   margin: 0;
-  padding: 0 0 1.5rem 0;
   font-size: 0.75rem;
   font-weight: 500;
 

diff --git a/sites/public/src/components/listings/search/LandingSearch.tsx b/sites/public/src/components/listings/search/LandingSearch.tsx
@@ -177,7 +177,7 @@ export function LandingSearch(props: LandingSearchProps) {
           getValues={getValues}
           defaultValue={formValues.monthlyRent}
           placeholder="$"
-          className="doorway-field p-0 md:-mt-1"
+          className="doorway-field md:-mt-1"
           inputClassName="typed-input"
           labelClassName="input-label"
         />
@@ -192,7 +192,7 @@ export function LandingSearch(props: LandingSearchProps) {
           register={register}
           onChange={validateSearchInput}
           defaultValue={formValues.propertyName}
-          className="doorway-field p-0 md:-mt-1"
+          className="doorway-field md:-mt-1"
           inputClassName="typed-input"
           labelClassName="input-label"
         />

diff --git a/sites/public/src/components/listings/search/ListingsSearchModal.tsx b/sites/public/src/components/listings/search/ListingsSearchModal.tsx
@@ -47,7 +47,7 @@ const rentStyle: React.CSSProperties = {
 }
 
 const propertySearchTitle: React.CSSProperties = {
-  paddingBottom: "var(--seeds-s4)",
+  paddingBlock: "var(--seeds-s4)",
 }
 
 const clearButtonStyle: React.CSSProperties = {

diff --git a/sites/public/src/components/listings/search/ListingsSearchModalDeprecated.tsx b/sites/public/src/components/listings/search/ListingsSearchModalDeprecated.tsx
@@ -292,7 +292,7 @@ export function ListingsSearchModal(props: ListingsSearchModalProps) {
               getValues={getValues}
               defaultValue={formValues.minRent}
               placeholder={t("t.minPrice")}
-              className="doorway-field"
+              className="doorway-field pb-6"
               inputClassName="rent-input"
               labelClassName="input-label"
             ></Field>
@@ -308,7 +308,7 @@ export function ListingsSearchModal(props: ListingsSearchModalProps) {
               getValues={getValues}
               defaultValue={formValues.monthlyRent}
               placeholder={t("t.maxPrice")}
-              className="doorway-field"
+              className="doorway-field pb-6"
               inputClassName="rent-input"
               labelClassName="input-label"
             ></Field>