From c0da21419e0f18d03051b5eaa893fa41451fde8c Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Tue, 13 Sep 2022 08:56:36 -0400
Subject: [PATCH] Added quote email message to estimate page and changed top /
 bottom margins to more accurately reflect Figma

---
 src/common-components/text-block/text-block.vue  |  2 +-
 .../customer-questions/customer-questions.vue    |  2 +-
 src/layouts/estimate/estimate.vue                | 16 +++++++++++++++-
 .../license-plate-lookup.vue                     |  4 ++--
 src/layouts/vin-lookup/vin-lookup.vue            |  4 ++--
 5 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/common-components/text-block/text-block.vue b/src/common-components/text-block/text-block.vue
index 26f57d665..f8d14cd44 100644
--- a/src/common-components/text-block/text-block.vue
+++ b/src/common-components/text-block/text-block.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="text-block d-flex w-100 mt-4" :class="[justifyText, typeStyle, fontWeight]" v-html="this.TextBlockCopy"></div>
+  <div class="text-block d-flex w-100 mt-2" :class="[justifyText, typeStyle, fontWeight]" v-html="this.TextBlockCopy"></div>
 </template>
 
 <script>
diff --git a/src/layouts/address-lookup/customer-questions/customer-questions.vue b/src/layouts/address-lookup/customer-questions/customer-questions.vue
index defcbe5e2..e837f26fc 100644
--- a/src/layouts/address-lookup/customer-questions/customer-questions.vue
+++ b/src/layouts/address-lookup/customer-questions/customer-questions.vue
@@ -24,7 +24,7 @@
 			/>
 		</div>
 	</div>
-	<div class="row mb-4">
+	<div class="row mt-4">
 		<div class="col">
 			<textboxQuestion
 				cmsWidgetName="EmailAddressQuestionWidget"
diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index cfd904da1..e003348bd 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -47,7 +47,7 @@
               />
             </div>
           </div>
-          <div class="row my-2">
+          <div class="row mt-2">
             <div class="col">
               <textboxQuestion
                 cmsWidgetName="EmailAddressQuestionWidget"
@@ -59,6 +59,14 @@
               />
             </div>
           </div>
+          <div class="row mb-2">
+            <div class="col">
+              <textBlock 
+                cmsWidgetName="QuoteEmailTextBlockWidget" 
+                typeStyle="caption"
+              />
+            </div>
+          </div>
           <alert ref="alertInvalidZip"
             v-if="displayInvalidZipAlert"
             class="my-4"
@@ -89,6 +97,7 @@
 </template>
 
 <script>
+
 // Components
 import funnelHeader from "@/common-components/funnel-header/funnel-header";
 import funnelFooter from "@/common-components/funnel-footer/funnel-footer";
@@ -98,6 +107,8 @@ import buttonQuestion from "@/common-components/button-question/button-question"
 import alert from "@/ux-components/alert/alert";
 import textboxQuestion from "@/common-components/textbox-question/textbox-question";
 import loadingModal from '@/common-components/loading-modal/loading-modal.vue';
+import textBlock from "@/common-components/text-block/text-block";
+
 //Supporting Files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
@@ -108,12 +119,14 @@ import store from "@/store";
 import { storeActions } from "@/constants/store-actions";
 import { vinLookupMethodSelections } from "@/constants/vin-lookup-method-selections.js";
 import { navigateToHeritageFunnel } from "@/helpers/heritage-integration/navigation-helper";
+
 // Define Validation Rules
 defineRule("zip-required", required(errorMessages.SERVICE_ZIP_REQUIRED));
 defineRule("zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.SERVICE_ZIP_FORMAT));
 defineRule("email-address-required", required(errorMessages.EMAIL_ADDRESS_REQUIRED));
 defineRule("email-address-format", regex(/^([a-zA-Z0-9_\-.+]+)@([a-zA-Z0-9_\-.]+)\.([a-zA-Z]{2,})$/, errorMessages.EMAIL_ADDRESS_FORMAT));
 defineRule("option-required", required(errorMessages.OPTION_REQUIRED));
+
 export default {
   name: "estimate",
   data() {
@@ -238,6 +251,7 @@ export default {
     alert,
     textboxQuestion,
     loadingModal,
+    textBlock
   },
 };
 </script>
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index b5e4265bc..90a447258 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -36,7 +36,7 @@
             />
           </div>
         </div>
-        <div class="row my-2">
+        <div class="row mt-2">
           <div class="col">
             <textboxQuestion
               cmsWidgetName="EmailAddressQuestionWidget"
@@ -46,7 +46,7 @@
             />
           </div>
         </div>
-        <div class="row my-2">
+        <div class="row mb-2">
           <div class="col">
             <textBlock 
               cmsWidgetName="QuoteEmailTextBlockWidget" 
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 6e8a38351..ff0e97f66 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -44,7 +44,7 @@
             />
           </div>
         </div>
-        <div class="row my-2">
+        <div class="row mt-2">
           <div class="col">
             <textboxQuestion
               cmsWidgetName="EmailAddressQuestionWidget"
@@ -56,7 +56,7 @@
             />
           </div>
         </div>
-        <div class="row my-2">
+        <div class="row mb-2">
           <div class="col">
             <textBlock 
               cmsWidgetName="QuoteEmailTextBlockWidget"