From eeb1ee50664cf24138aa87e5498b2b36afbc0a16 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Wed, 17 May 2023 08:44:31 -0400
Subject: [PATCH] Fiddling with margins

---
 src/digital-components/text-block/text-block.vue |  9 +++++++--
 src/layouts/review/review.vue                    | 13 +++++++++++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/digital-components/text-block/text-block.vue b/src/digital-components/text-block/text-block.vue
index 9e7df6312..e93e2e6c4 100644
--- a/src/digital-components/text-block/text-block.vue
+++ b/src/digital-components/text-block/text-block.vue
@@ -1,7 +1,7 @@
 <template>
     <div
-        class="text-block w-100 mt-2"
-        :class="[justifyText, typeStyle, fontWeight]"
+        class="text-block w-100"
+        :class="[justifyText, typeStyle, fontWeight, margin]"
         v-html="this.TextBlockCopy"></div>
 </template>
 
@@ -11,6 +11,11 @@ export default {
     props: {
         customText: String, // used to allow the insert of token values into textblock
         justifyText: String, // left, right, center
+        margin: {
+            // bootstrap margin to apply to the block.
+            type: String,
+            default: "mt-2",
+        },
         typeStyle: String, // h1-h6, body, small, label, caption (see Figma or Confluence documentation)
         fontWeight: String, // bold=500, default is 400
         cmsWidgetName: String,
diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index cc6d3c56b..7d059ac86 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -7,8 +7,17 @@
                 cmsWidgetName="VehicleBannerWidget"
                 :displayGenericVehicleImage="false" />
 
-            <textBlock :customText="subHeaderTitle" typeStyle="h5" justifyText="text-center" class="dark-header" />
-            <textBlock :customText="subHeaderBody" typeStyle="body" justifyText="left" />
+            <textBlock
+                :customText="subHeaderTitle"
+                typeStyle="h5"
+                justifyText="text-center"
+                margin="mt-1"
+                class="dark-header" />
+            <textBlock
+                :customText="subHeaderBody"
+                typeStyle="body"
+                justifyText="left"
+                margin="mt-0 mb-2" />
 
             <buttonMain
                 ref="buttonMain"