From 84755f3c264a76cdc6266494d49716a17f1676d1 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Mon, 1 May 2023 11:11:50 -0400
Subject: [PATCH] update spacing around site-header

---
 .../questions-page-layout.vue                 |  2 +-
 .../policy-vehicles/policy-vehicles.vue       |  2 +-
 .../provider-preference.vue                   |  2 +-
 .../service-location/service-location.vue     | 21 ++++---------------
 .../service-packages/service-packages.vue     |  3 ++-
 src/layouts/vehicle-parts/vehicle-parts.vue   |  2 +-
 6 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/src/iss-components/questions-page-layout/questions-page-layout.vue b/src/iss-components/questions-page-layout/questions-page-layout.vue
index be67de5b..49bde25e 100644
--- a/src/iss-components/questions-page-layout/questions-page-layout.vue
+++ b/src/iss-components/questions-page-layout/questions-page-layout.vue
@@ -8,7 +8,7 @@
                     <div class="row px-3">
                         <div class="col">
                             <div class="select-car-form rounded">
-                                <vehicleBanner class="mb-3" cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" />
+                                <vehicleBanner class="mt-2 mb-4" cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" />
                                 <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
                                 <alert
                                 ref="alertFewMoreQuestions"
diff --git a/src/layouts/policy-vehicles/policy-vehicles.vue b/src/layouts/policy-vehicles/policy-vehicles.vue
index c41ded4d..d21a16fe 100644
--- a/src/layouts/policy-vehicles/policy-vehicles.vue
+++ b/src/layouts/policy-vehicles/policy-vehicles.vue
@@ -8,7 +8,7 @@
                         <div class="row">
                             <div class="col">
                                 <div class="select-car-form rounded text-center">
-                                    <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="true" class="mb-3" />
+                                    <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="true" class="mt-2 mb-4" />
                                     <policyVehiclesQuestion class="px-4" cmsWidgetName="PolicyVehiclesQuestion" :vehicles="VehiclesForQuestions"/>
                                     <siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" :isForwardActionDisabled="!meta.valid" @ForwardClicked="forwardButtonAction" @back-clicked="backButtonAction"/>
                                 </div>
diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index c9079718..eb049925 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -6,7 +6,7 @@
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget" />
-                <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" />
+                <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" class="mt-4"/>
                 <button v-on:click="forwardButtonAction">Temp Forward Button</button>
                 <div>
                     <siteFooter
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index b40a01d9..c78468db 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -3,7 +3,7 @@
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget" />
-                <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" id="sub-header" />
+                <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" id="sub-header" class="mt-5 mb-1" />
                 <div class="select-car">
                     <div class="container-fluid pb-2">
                         <div class="row px-3">
@@ -28,8 +28,7 @@
                                         buttonTypeString="listCard"
                                         isRequired
                                         v-model="selectedAppointmentType"
-                                        validationRules="selection-required"
-                                        class="service-location-button-question"/>
+                                        validationRules="selection-required" />
                                     <div class="select-car">
                                         <div class="container-fluid pb-2">
                                             <div class="row px-3">
@@ -235,7 +234,7 @@ export default {
 }
 .question-text {
     & > span {
-        line-height: 1.500rem;
+        line-height: 1.5rem;
     }
 }
 .list-card-content p {
@@ -246,12 +245,6 @@ export default {
         line-height: 1.250rem;
     }
 }
-.siteHeader{
-    .site-header{
-        margin-bottom: 1.25rem !important;
-    }
-
-}
 .choose-option{
     .button-question >div {
         &:first-of-type {
@@ -262,13 +255,7 @@ export default {
 }
 .button-question{
     .row.form-test-error{
-        line-height:1.500rem;
-        padding-left: 0rem !important;
-    }
-}
-.service-location-button-question {
-    .question-text {
-        margin-top: 1.5rem;
+        line-height:1.5rem;
     }
 }
 </style>
diff --git a/src/layouts/service-packages/service-packages.vue b/src/layouts/service-packages/service-packages.vue
index 14adb371..1c427ec4 100644
--- a/src/layouts/service-packages/service-packages.vue
+++ b/src/layouts/service-packages/service-packages.vue
@@ -5,7 +5,8 @@
             <siteHeader cmsWidgetName="SiteHeaderWidget" />
             <siteSubHeader cmsWidgetName="SiteSubHeaderWidget"
                            justification="left"
-                           issContainingPage="service-packages"/>
+                           issContainingPage="service-packages"
+                           class="my-5"/>
             <div class="fade-on-route-transition sub-container make-tall">
                 <servicePackageQuestion ref="servicePackage"
                                         cmsWidgetName="ServicePackage"
diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index 7dfa03f5..24413af3 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -9,7 +9,7 @@
                             <div class="col">
                                 <div class="select-car-form rounded">
                                     <vehicleBanner
-                                    class="mb-3"
+                                    class="mt-2 mb-4"
                                     ref="vehicleBanner"
                                     cmsWidgetName="VehicleBannerWidget"
                                     :displayGenericVehicleImage="false" />