From fce3f730e68d06cce2653e7811214c3c878907ab Mon Sep 17 00:00:00 2001
From: Fernando Terra <fernando.terra@encora.com>
Date: Wed, 3 Jan 2024 17:43:46 -0300
Subject: [PATCH 1/2] feat: align review sections to their text titles

---
 frontend/src/assets/styles/global.scss            | 5 +++++
 frontend/src/pages/bceidform/ReviewWizardStep.vue | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/assets/styles/global.scss b/frontend/src/assets/styles/global.scss
index 412ed46f3c..98e555d687 100644
--- a/frontend/src/assets/styles/global.scss
+++ b/frontend/src/assets/styles/global.scss
@@ -923,11 +923,16 @@ cds-actionable-notification * {
   gap: 2rem;
 }
 
+.grouping-22 .item {
+  margin-left: 1.75rem;
+}
+
 .grouping-23 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0.75rem;
+  margin-left: 1.75rem;
 }
 
 .grouping-divider {
diff --git a/frontend/src/pages/bceidform/ReviewWizardStep.vue b/frontend/src/pages/bceidform/ReviewWizardStep.vue
index 8b6e284039..e248313950 100644
--- a/frontend/src/pages/bceidform/ReviewWizardStep.vue
+++ b/frontend/src/pages/bceidform/ReviewWizardStep.vue
@@ -62,11 +62,11 @@ onMounted(() => {
           <Enterprise20 />
           {{ formData.businessInformation.businessName }}
         </h6>
-        <p class="body-compact-01" id="clientTypeId">
+        <p class="body-compact-01 item" id="clientTypeId">
           {{ clientType.text }}
         </p>
       </div>
-      <div v-if="formData.businessInformation.birthdate">
+      <div v-if="formData.businessInformation.birthdate" class="item">
         <p class="label-01">Proprietor’s birthdate</p>
         <p class="body-compact-01">{{ formData.businessInformation.birthdate }}</p>
       </div>

From fc52e27e70bb37a60ed31f929e5f007416db57ca Mon Sep 17 00:00:00 2001
From: Fernando Terra <fernando.terra@encora.com>
Date: Thu, 4 Jan 2024 10:58:30 -0300
Subject: [PATCH 2/2] refactor: use a more expressive class name

---
 frontend/src/assets/styles/global.scss            | 2 +-
 frontend/src/pages/bceidform/ReviewWizardStep.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/assets/styles/global.scss b/frontend/src/assets/styles/global.scss
index 98e555d687..a7af14253a 100644
--- a/frontend/src/assets/styles/global.scss
+++ b/frontend/src/assets/styles/global.scss
@@ -923,7 +923,7 @@ cds-actionable-notification * {
   gap: 2rem;
 }
 
-.grouping-22 .item {
+.grouping-22-item {
   margin-left: 1.75rem;
 }
 
diff --git a/frontend/src/pages/bceidform/ReviewWizardStep.vue b/frontend/src/pages/bceidform/ReviewWizardStep.vue
index e248313950..4accae987a 100644
--- a/frontend/src/pages/bceidform/ReviewWizardStep.vue
+++ b/frontend/src/pages/bceidform/ReviewWizardStep.vue
@@ -62,11 +62,11 @@ onMounted(() => {
           <Enterprise20 />
           {{ formData.businessInformation.businessName }}
         </h6>
-        <p class="body-compact-01 item" id="clientTypeId">
+        <p class="body-compact-01 grouping-22-item" id="clientTypeId">
           {{ clientType.text }}
         </p>
       </div>
-      <div v-if="formData.businessInformation.birthdate" class="item">
+      <div v-if="formData.businessInformation.birthdate" class="grouping-22-item">
         <p class="label-01">Proprietor’s birthdate</p>
         <p class="body-compact-01">{{ formData.businessInformation.birthdate }}</p>
       </div>