From a1db722aff85c1946540f87fbc1620d1de03fc33 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 19 Apr 2023 09:44:31 -0400
Subject: [PATCH] SSR-348 unsticky service location page header.

---
 .../service-location/service-location.vue     | 76 ++++++++++---------
 1 file changed, 42 insertions(+), 34 deletions(-)

diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 36fe02e1..48d8c69f 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -1,30 +1,38 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm"  v-slot="{ meta }" >
-        <div class="page-container-grouped-styles">  
-            <siteHeader cmsWidgetName="SiteHeaderWidget" class="siteHeader"/>
-            <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" id="sub-header" /> 
-            <div class="fade-on-route-transition position-relative px-5 choose-option">
-
-                <buttonQuestion 
-                    cmsWidgetName="ServiceTypeQuestionWidget" 
-                    :questionText="questionText" 
-                    :answers="answersFromCms" 
-                    buttonTypeString="listCard" 
-                    isRequired 
-                    v-model="selectedValues" 
-                    validationRules="selection-required"/>
+        <div class="page-container-grouped-styles">
+            <div class="fade-on-route-transition position-relative">
+                <siteHeader cmsWidgetName="SiteHeaderWidget" />
                 <div class="select-car">
                     <div class="container-fluid pb-2">
                         <div class="row px-3">
                             <div class="col">
                                 <div class="select-car-form rounded">
-                                    <siteFooter
-                                    cmsWidgetName="SiteFooterWidget"
-                                    :isForwardActionDisabled="!meta.valid"
-                                    @backClicked="backButtonAction"
-                                    @forwardClicked="forwardButtonAction"
-                                    ref="siteFooter"
-                                    />
+                                    <buttonQuestion
+                                    cmsWidgetName="ServiceTypeQuestionWidget"
+                                    :questionText="questionText"
+                                    :answers="answersFromCms"
+                                    buttonTypeString="listCard"
+                                    isRequired
+                                    v-model="selectedValues"
+                                    validationRules="selection-required"/>
+                                    <div class="select-car">
+                                        <div class="container-fluid pb-2">
+                                            <div class="row px-3">
+                                                <div class="col">
+                                                    <div class="select-car-form rounded">
+                                                        <siteFooter
+                                                        cmsWidgetName="SiteFooterWidget"
+                                                        :isForwardActionDisabled="!meta.valid"
+                                                        @backClicked="backButtonAction"
+                                                        @forwardClicked="forwardButtonAction"
+                                                        ref="siteFooter"
+                                                        />
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -35,7 +43,7 @@
     </Form>
 </template>
 <script>
-  // Import Supporting Files
+// Import Supporting Files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { required } from "@/helpers/validation-rules";
@@ -82,7 +90,7 @@ export default {
         },
         answersFromCms() {
             return this.getCmsContent("ServiceTypeQuestionWidget", "Answers");
-        },        
+        },
     },
     methods: {
         arePagePrerequisiteValid() {
@@ -90,8 +98,8 @@ export default {
         },
         backButtonAction() {
             /**
-             * this.navigationScenarios comes from base-mixin
-             */
+            * this.navigationScenarios comes from base-mixin
+            */
             this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
         },
         async forwardButtonAction() {},
@@ -117,30 +125,30 @@ export default {
     color: $black;
 }
 .question-text {
-   & > span {
+    & > span {
         line-height: 1.500rem;
     }
 }
 .list-card-content p {
     &:first-of-type {
-    line-height: 1.5rem;
+        line-height: 1.5rem;
     }
     &:not(:nth-of-type(1)){
-    line-height: 1.250rem;
+        line-height: 1.250rem;
     }
 }
 .siteHeader{
     .site-header{
         margin-bottom: 1.25rem !important;
     }
-    
+
 }
 .choose-option{
-        .button-question >div {
-            &:first-of-type {
-        margin-bottom: 0.95rem;
-        line-height: 1.500rem;
-            }
+    .button-question >div {
+        &:first-of-type {
+            margin-bottom: 0.95rem;
+            line-height: 1.500rem;
+        }
     }
 }
 .button-question{
@@ -149,4 +157,4 @@ export default {
         padding-left: 0rem !important;
     }
 }
-</style>
\ No newline at end of file
+</style>