From 01deb7bd0d8af76ff98164ef8bd0aee06dd53785 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 24 Jan 2023 08:51:40 -0500
Subject: [PATCH] CSR-1050 remove unneeded css and refactor with helper
 classes.

---
 src/layouts/estimate/estimate.vue |  9 +++------
 src/layouts/quote/quote.vue       | 14 ++------------
 2 files changed, 5 insertions(+), 18 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index f09896838..0f8508921 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -1,10 +1,10 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <div class="page-container-grouped-styles estimate">
+        <div class="page-container-grouped-styles">
             <loadingModal ref="loadingModal" />
             <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
             <vehicleBanner cmsWidgetName="VehicleBannerWidget" />
-            <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
+            <funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
             <div class="fade-on-route-transition sub-container make-tall">
                 <div v-if="!skipVin">
                     <alert
@@ -300,12 +300,9 @@ export default {
 </script>
 
 <style lang="scss">
-.estimate .vinLookupMethodHeading p {
+.vinLookupMethodHeading p {
     font-size: 1rem;
     font-weight: 500;
     color: $black;
 }
-.estimate .funnel-sub-header {
-    padding-bottom: 16px;
-}
 </style>
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index b02714ffa..5a65933b0 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -1,13 +1,13 @@
 digital
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
-        <div class="page-container-grouped-styles quote">
+        <div class="page-container-grouped-styles">
             <loadingModal ref="loadingModal" />
             <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
             <vehicleBanner
                 cmsWidgetName="VehicleBannerWidget"
                 :displayGenericVehicleImage="false" />
-            <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
+            <funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" />
             <div class="fade-on-route-transition sub-container make-tall">
                 <cashOrInsuranceQuestion
                     ref="cashOrInsurance"
@@ -207,13 +207,3 @@ export default {
     },
 };
 </script>
-
-<style lang="scss">
-.quote {
-    .funnel-sub-header {
-        .sub-text {
-            margin-bottom: 24px;
-        }
-    }
-}
-</style>