From 50ff72b91cd61c49111f1092ed70b3502a70ecf6 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Fri, 28 Apr 2023 16:57:33 -0400
Subject: [PATCH] updates to margins around site-header

---
 src/layouts/address-lookup/address-lookup.vue               | 4 ++--
 src/layouts/address-vehicles/address-vehicles.vue           | 2 +-
 src/layouts/coverage-statement/coverage-statement.vue       | 2 +-
 src/layouts/license-plate-lookup/license-plate-lookup.vue   | 2 +-
 src/layouts/policy-holder-details/policy-holder-details.vue | 1 +
 src/layouts/vehicle-damage/vehicle-damage.vue               | 4 ++--
 src/layouts/vehicle-lookup/vehicle-lookup.vue               | 4 ++--
 src/layouts/vin-lookup/vin-lookup.vue                       | 2 +-
 src/layouts/welcome-page/welcome-page.vue                   | 4 ++--
 9 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index a2c345f3..ea0b4622 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/src/layouts/address-lookup/address-lookup.vue
@@ -9,11 +9,11 @@
                             <div class="col">
                                 <div class="select-car-form rounded">
                                     <vehicleBanner
-                                    class="mb-3"
+                                    class="mt-2 mb-4"
                                     cmsWidgetName="VehicleBannerWidget"
                                     ref="vehicleBanner"
                                     :displayGenericVehicleImage="false" />
-                                    <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" ref="siteSubHeader" />
+                                    <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" ref="siteSubHeader" class="mb-5" />
                                     <alert
                                     ref="alertVinNotFound"
                                     v-if="displayVinNotFoundAlert"
diff --git a/src/layouts/address-vehicles/address-vehicles.vue b/src/layouts/address-vehicles/address-vehicles.vue
index 69593ea4..6c04803b 100644
--- a/src/layouts/address-vehicles/address-vehicles.vue
+++ b/src/layouts/address-vehicles/address-vehicles.vue
@@ -8,7 +8,7 @@
       <siteHeader cmsWidgetName="SiteHeaderWidget" />
       <div class="fade-on-route-transition sub-container overflow-scroll px-5">
         <vehicleBanner
-          class="mb-3"
+          class="mt-2 mb-4"
           cmsWidgetName="VehicleBannerWidget"
           :displayGenericVehicleImage="false" />
         <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index d6aa5d42..dd4048db 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -12,7 +12,7 @@
                                   cmsWidgetName="verifyingCoverageStatement"
                                   typeStyle="h5"
                                   justifyText="center"
-                                  class="mt-0 mb-4"
+                                  class="mt-4 mb-4"
                                   id="coverage-statement-text-block"
                                   />
                                   <div>
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index b1c49299..485e6b7d 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -8,7 +8,7 @@
                         <div class="row px-3">
                             <div class="col">
                                 <div class="select-car-form rounded">
-                                    <vehicleBanner class="mb-3" cms-widget-name="VehicleBannerWidget" :display-generic-vehicle-image="false" />
+                                    <vehicleBanner class="mt-2 mb-4" cms-widget-name="VehicleBannerWidget" :display-generic-vehicle-image="false" />
                                     <siteSubHeader cms-widget-name="SiteSubHeaderWidget" />
                                     <alert
                                     ref="alertVinNotFound"
diff --git a/src/layouts/policy-holder-details/policy-holder-details.vue b/src/layouts/policy-holder-details/policy-holder-details.vue
index 6a75e5b7..e0ccd451 100644
--- a/src/layouts/policy-holder-details/policy-holder-details.vue
+++ b/src/layouts/policy-holder-details/policy-holder-details.vue
@@ -17,6 +17,7 @@
                             disableAutoFill
                             validationRules="first-name-required" />
                             <textboxQuestion
+                            class="mt-4"
                             inputId="lastNameField"
                             cmsWidgetName="PolicyholderLastNameQuestion"
                             v-model="customerQuestions.lastName"
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index daf6b9a1..fb3fc0bb 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -4,7 +4,7 @@
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
                 <div class="container-fluid pb-2">
-                    <div class="row mt-4 px-3">
+                    <div class="row mt-2 px-3">
                         <div class="col">
                             <alert
                             ref="vehicleChangeAlert"
@@ -14,7 +14,7 @@
                             alertClass="alert-warning"
                             :isDismissible="false" />
                             <vehicleBanner
-                            class="mb-3"
+                            class="mb-4"
                             cmsWidgetName="VehicleBannerWidget"
                             :displayGenericVehicleImage="false" />
                             <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
diff --git a/src/layouts/vehicle-lookup/vehicle-lookup.vue b/src/layouts/vehicle-lookup/vehicle-lookup.vue
index 6d30d29e..9bebbd57 100644
--- a/src/layouts/vehicle-lookup/vehicle-lookup.vue
+++ b/src/layouts/vehicle-lookup/vehicle-lookup.vue
@@ -8,8 +8,8 @@
                         <div class="row px-3">
                             <div class="col">
                                 <div class="select-car-form rounded">
-                                    <VehicleBanner class="mb-3" cms-widget-name="VehicleBannerWidget" :display-generic-vehicle-image="false" />
-                                    <SiteSubHeader cms-widget-name="SiteSubHeaderWidget" />
+                                    <VehicleBanner class="mt-2 mb-4" cms-widget-name="VehicleBannerWidget" :display-generic-vehicle-image="false" />
+                                    <SiteSubHeader cms-widget-name="SiteSubHeaderWidget" class="mt-5 mb-2" />
                                     <VinLookupMethods v-model="selectedVinLookupMethod" cms-widget-name="VINLookupMethod" group-name="VinLookupMethods" ref="VinLookupMethods" />
                                     <SiteFooter cms-widget-name="SiteFooterWidget" :is-forward-action-disabled="isForwardActionDisabled" @back-clicked="backButtonAction" @forward-clicked="forwardButtonAction" />
                                 </div>
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 8221c7c6..58356d9c 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.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" />
                                     <vinLookupAlerts class="mt-5" :activeAlertType="activeVehicleLookupAlertType" />
                                     <vinQuestion v-model="vin" :mask="vinMask" :isDisabled="vinPopulatedOnPageLoad" textPosition="left" />
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 737c636c..bb43b7c2 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -3,9 +3,9 @@
         <div class="page-container-grouped-styles welcome">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
-                <siteSubHeader cmsWidgetName="SiteSubHeaderWidget"/>
+                <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" class="mt-4"/>
                 <div class="container-fluid pb-2">
-                    <div class="row mt-4 px-3">
+                    <div class="row mt-5 px-3">
                         <div class="col">
                             <textboxQuestion
                             inputId="policyNumberField"