From 3ab512ace7ab45ad7a7ebed1ad2c2530226ea294 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 10 Jan 2023 18:39:00 -0500
Subject: [PATCH] CSR-1050 move paymentServiceOptionsCopy copy to
 funnel-sub-header

---
 .../funnel-sub-header/funnel-sub-header.vue            | 10 +++++++---
 src/common-components/text-block/text-block.vue        |  2 +-
 src/layouts/quote/quote.vue                            |  4 ++--
 src/ux-components/text-link/text-link.vue              |  5 ++---
 4 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/common-components/funnel-sub-header/funnel-sub-header.vue b/src/common-components/funnel-sub-header/funnel-sub-header.vue
index ba977c55a..5a475daab 100644
--- a/src/common-components/funnel-sub-header/funnel-sub-header.vue
+++ b/src/common-components/funnel-sub-header/funnel-sub-header.vue
@@ -15,9 +15,11 @@
         <div
             class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
             <p class="text-center small fw-normal mb-0">
-                <span>
-                    {{ subText }}
-                </span>
+                <textBlock
+                    cmsWidgetName="paymentServiceOptionsCopy"
+                    justifyText="center"
+                    typeStyle="small"
+                    class="mt-2 mb-5" />
             </p>
         </div>
     </div>
@@ -25,6 +27,7 @@
 
 <script>
 import buttonBack from "@/common-components/funnel-sub-header/button-back/button-back";
+import textBlock from "@/common-components/text-block/text-block";
 
 export default {
     name: "FunnelSubHeader",
@@ -34,6 +37,7 @@ export default {
     },
     components: {
         buttonBack,
+        textBlock,
     },
     computed: {
         text() {
diff --git a/src/common-components/text-block/text-block.vue b/src/common-components/text-block/text-block.vue
index a12d3f398..33854e143 100644
--- a/src/common-components/text-block/text-block.vue
+++ b/src/common-components/text-block/text-block.vue
@@ -1,6 +1,6 @@
 <template>
     <div
-        class="text-block d-flex w-100 mt-2"
+        class="text-block w-100 mt-2"
         :class="[justifyText, typeStyle, fontWeight]"
         v-html="this.TextBlockCopy"></div>
 </template>
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index dfada2db0..0a5792475 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -8,11 +8,11 @@
                 :displayGenericVehicleImage="false" />
             <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
             <div class="fade-on-route-transition sub-container make-tall">
-                <textBlock
+                <!-- <textBlock
                     cmsWidgetName="paymentServiceOptionsCopy"
                     justifyText="center"
                     typeStyle="small"
-                    class="mt-2 mb-5" />
+                    class="mt-2 mb-5" /> -->
                 <cashOrInsuranceQuestion
                     ref="cashOrInsurance"
                     cmsWidgetName="CashOrInsuranceQuestionWidget"
diff --git a/src/ux-components/text-link/text-link.vue b/src/ux-components/text-link/text-link.vue
index fff40d9a0..f28669a45 100644
--- a/src/ux-components/text-link/text-link.vue
+++ b/src/ux-components/text-link/text-link.vue
@@ -44,10 +44,9 @@ export default {
 
 <style lang="scss">
 a {
-    display: inline-flex !important;
     color: $blue;
-    text-underline-offset: 0.5em;
-    line-height: 26px;
+    text-underline-offset: 5px;
+    line-height: 2;
     padding: 0 0 4px 0;
     font-weight: 500;
     max-width: fit-content;