From 95f9be0480f90175451b623c9ed9dc32e1eb6779 Mon Sep 17 00:00:00 2001
From: Mark Harris <mark.harris@safelite.com>
Date: Mon, 16 Jan 2023 15:07:24 -0500
Subject: [PATCH] Revert "Merge pull request #937 from
 Safelite/feature/reverting-csr-1050"

This reverts commit 416bed076f1a822e6ab71a8ead8422e82831f261.
---
 .../funnel-sub-header/funnel-sub-header.vue     |  8 ++++++--
 src/common-components/text-block/text-block.vue |  2 +-
 src/layouts/estimate/estimate.vue               |  6 +++---
 src/layouts/quote/quote.vue                     | 17 +++++++++++------
 src/ux-components/text-link/text-link.vue       |  5 ++---
 5 files changed, 23 insertions(+), 15 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..356e6fb0e 100644
--- a/src/common-components/funnel-sub-header/funnel-sub-header.vue
+++ b/src/common-components/funnel-sub-header/funnel-sub-header.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="current_car_info-text">
+    <div class="funnel-sub-header">
         <div
             class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
             <h5 class="text-center fw-normal mb-0" :class="headerColor">
@@ -13,8 +13,9 @@
             </h5>
         </div>
         <div
+            v-if="subText"
             class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
-            <p class="text-center small fw-normal mb-0">
+            <p class="text-center small fw-normal sub-text">
                 <span>
                     {{ subText }}
                 </span>
@@ -77,4 +78,7 @@ h5 {
 p.small {
     color: $gray-550;
 }
+.sub-text {
+    margin: 0;
+}
 </style>
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/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index dd16a479f..9d7dedd04 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -1,6 +1,6 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <div class="page-container-grouped-styles">
+        <div class="page-container-grouped-styles estimate">
             <loadingModal ref="loadingModal" />
             <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
             <vehicleBanner cmsWidgetName="VehicleBannerWidget" />
@@ -300,12 +300,12 @@ export default {
 </script>
 
 <style lang="scss">
-.vinLookupMethodHeading p {
+.estimate .vinLookupMethodHeading p {
     font-size: 1rem;
     font-weight: 500;
     color: $black;
 }
-div .current_car_info-text {
+.estimate .funnel-sub-header {
     padding-bottom: 16px;
 }
 </style>
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index dfada2db0..6ce61a7b0 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -1,6 +1,6 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <div class="page-container-grouped-styles">
+        <div class="page-container-grouped-styles quote">
             <loadingModal ref="loadingModal" />
             <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
             <vehicleBanner
@@ -8,11 +8,6 @@
                 :displayGenericVehicleImage="false" />
             <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
             <div class="fade-on-route-transition sub-container make-tall">
-                <textBlock
-                    cmsWidgetName="paymentServiceOptionsCopy"
-                    justifyText="center"
-                    typeStyle="small"
-                    class="mt-2 mb-5" />
                 <cashOrInsuranceQuestion
                     ref="cashOrInsurance"
                     cmsWidgetName="CashOrInsuranceQuestionWidget"
@@ -211,3 +206,13 @@ export default {
     },
 };
 </script>
+
+<style lang="scss">
+.quote {
+    .funnel-sub-header {
+        .sub-text {
+            margin-bottom: 24px;
+        }
+    }
+}
+</style>
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;