label alignment fix

Signed-off-by: Shaanjot Gill <[email protected]>
bcgov · Nov 7, 2024 · 056c601 · 056c601
1 parent 1a89d4f
commit 056c601
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/strr-web/components/bcros/form-section/BusinessDetails.vue b/strr-web/components/bcros/form-section/BusinessDetails.vue
@@ -1,6 +1,6 @@
 <template>
   <div data-test-id="form-section-business-details">
-    <BcrosFormSection :title="t('common.formLabels.businessDetails')" class="!ml-3">
+    <BcrosFormSection :title="t('common.formLabels.businessDetails')" class="!ml-7">
       <div class="flex flex-row justify-between w-full mb-10 m:flex-col m:mb-4">
         <UFormGroup name="businessName" class="flex-grow" :error="errors.businessLegalName">
           <UInput

diff --git a/strr-web/components/bcros/form-section/ContactDetails.vue b/strr-web/components/bcros/form-section/ContactDetails.vue
@@ -1,6 +1,6 @@
 <template>
   <div data-test-id="form-section-contact-details">
-    <BcrosFormSection :title="t('createAccount.contactForm.contactDetails')" class="!ml-3">
+    <BcrosFormSection :title="t('createAccount.contactForm.contactDetails')" class="!ml-7">
       <div class="flex flex-row justify-between w-full mb-10 m:flex-col m:mb-4">
         <UFormGroup name="phoneNumber" class="d:pr-4 flex-grow m:mb-4" :error="errors.phoneNumber">
           <UInput

diff --git a/strr-web/components/bcros/form-section/ContactName.vue b/strr-web/components/bcros/form-section/ContactName.vue
@@ -1,6 +1,6 @@
 <template>
   <div data-test-id="form-section-contact-name">
-    <BcrosFormSection :title="t('common.formLabels.contactName')" class="!ml-3">
+    <BcrosFormSection :title="t('common.formLabels.contactName')" class="!ml-7">
       <p
         v-if="contactInfoDescription"
         class="mb-10 text-sm text-bcGovColor-darkGray"

diff --git a/strr-web/components/bcros/form-section/property-manager/BusinessMailingAddress.vue b/strr-web/components/bcros/form-section/property-manager/BusinessMailingAddress.vue
@@ -1,6 +1,6 @@
 <template>
   <div data-test-id="property-manager-business-address">
-    <BcrosFormSection :title="t('createAccount.propertyManagerForm.businessMailingAddress')" class="!ml-3">
+    <BcrosFormSection :title="t('createAccount.propertyManagerForm.businessMailingAddress')" class="!ml-7">
       <div class="flex flex-row justify-between w-full mb-[40px] mobile:mb-[16px]">
         <UFormGroup name="country" class="flex-grow">
           <USelect

diff --git a/strr-web/components/bcros/form-section/property-manager/Form.vue b/strr-web/components/bcros/form-section/property-manager/Form.vue
@@ -32,7 +32,7 @@
       >
         <div class="d:pr-5 mb-132px bg-white rounded-1">
           <div class="bg-bcGovColor-gray2 d:-mr-5">
-            <p class="px-9 py-[15px] font-bold">
+            <p class="px-7 py-[15px] font-bold">
               {{ t('createAccount.propertyManager.primary') }}
             </p>
           </div>
@@ -44,7 +44,7 @@
               @reset-field-error="resetFieldError"
               @validate-field="validateField"
             />
-            <div class="m:hidden h-[1px] ml-10 mr-5 bg-bcGovGray-300" />
+            <div class="m:hidden h-[1px] ml-7 mr-5 bg-bcGovGray-300" />
             <BcrosFormSectionPropertyManagerBusinessMailingAddress
               id="propertyManagerBusinessAddress"
               v-model:country="formState.propertyManager.businessMailingAddress.country"
@@ -59,7 +59,7 @@
               @reset-field-error="resetFieldError"
               @validate-field="validateField"
             />
-            <div class="m:hidden h-[1px] ml-10 mr-5 bg-bcGovGray-300" />
+            <div class="m:hidden h-[1px] ml-7 mr-5 bg-bcGovGray-300" />
             <BcrosFormSectionContactName
               v-model:preferred-name="formState.propertyManager.contact.preferredName"
               v-model:first-name="formState.propertyManager.contact.firstName"
@@ -69,7 +69,7 @@
               @reset-field-error="resetFieldError"
               @validate-field="validateField"
             />
-            <div class="m:hidden h-[1px] ml-10 mr-5 bg-bcGovGray-300" />
+            <div class="m:hidden h-[1px] ml-7 mr-5 bg-bcGovGray-300" />
             <BcrosFormSectionContactDetails
               v-model:phone-number="formState.propertyManager.contact.phoneNumber"
               v-model:extension="formState.propertyManager.contact.extension"