From e0926ee21664503f208dafcc8e5939c363801ee1 Mon Sep 17 00:00:00 2001
From: Alex Saiannyi <67792608+bc-alexsaiannyi@users.noreply.github.com>
Date: Mon, 15 Jul 2024 10:13:26 +0200
Subject: [PATCH] fix(core): add minor changes to address form layout (#1086)

---
 .changeset/empty-students-scream.md                          | 5 +++++
 .../[tab]/_components/addresses-content/add-address.tsx      | 2 +-
 .../[tab]/_components/addresses-content/edit-address.tsx     | 2 +-
 .../account/[tab]/_components/addresses-content/index.tsx    | 4 ++--
 4 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/empty-students-scream.md

diff --git a/.changeset/empty-students-scream.md b/.changeset/empty-students-scream.md
new file mode 100644
index 000000000..f7a096895
--- /dev/null
+++ b/.changeset/empty-students-scream.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+add minor changes to address form layout
diff --git a/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/add-address.tsx b/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/add-address.tsx
index e2896ddcd..b5753f70f 100644
--- a/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/add-address.tsx
+++ b/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/add-address.tsx
@@ -149,7 +149,7 @@ export const AddAddress = ({
         </Message>
       )}
       <Form action={onSubmit} ref={form}>
-        <div className="grid grid-cols-1 gap-y-6 lg:grid-cols-2 lg:gap-x-6 lg:gap-y-2">
+        <div className="grid grid-cols-1 gap-y-3 lg:grid-cols-2 lg:gap-x-6">
           {addressFields.map((field) => {
             switch (field.__typename) {
               case 'TextFormField': {
diff --git a/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/edit-address.tsx b/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/edit-address.tsx
index c13a90352..7adfdd098 100644
--- a/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/edit-address.tsx
+++ b/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/edit-address.tsx
@@ -186,7 +186,7 @@ export const EditAddress = ({
         </Message>
       )}
       <Form action={onSubmit} ref={form}>
-        <div className="grid grid-cols-1 gap-y-6 lg:grid-cols-2 lg:gap-x-6 lg:gap-y-2">
+        <div className="grid grid-cols-1 gap-y-3 lg:grid-cols-2 lg:gap-x-6">
           {addressFields.map((field) => {
             const key = FieldNameToFieldId[field.entityId];
 
diff --git a/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/index.tsx b/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/index.tsx
index f2bcad8dc..9825c6a64 100644
--- a/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/index.tsx
+++ b/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/index.tsx
@@ -34,7 +34,7 @@ export const AddressesContent = async ({
   if (customerAction === 'add-new-address') {
     return (
       <div className="mx-auto mb-14 lg:w-2/3">
-        <h1 className="my-8 text-3xl font-black lg:text-4xl">{t('newAddress')}</h1>
+        <h1 className="mb-8 text-3xl font-black lg:text-4xl">{t('newAddress')}</h1>
         <CustomerNewAddress />
       </div>
     );
@@ -47,7 +47,7 @@ export const AddressesContent = async ({
 
     return (
       <div className="mx-auto mb-14 lg:w-2/3">
-        <h1 className="my-8 text-3xl font-black lg:text-4xl">{t('editAddress')}</h1>
+        <h1 className="mb-8 text-3xl font-black lg:text-4xl">{t('editAddress')}</h1>
         {activeAddress && Object.keys(activeAddress).length > 0 ? (
           <CustomerEditAddress address={activeAddress} isAddressRemovable={addresses.length > 1} />
         ) : null}