From cf5aa9197588f76296796631dbb0eb18f7742c42 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Wed, 11 Jan 2023 12:22:26 -0500
Subject: [PATCH] SSR-201 changes.

---
 src/common-components/site-footer/site-footer.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/common-components/site-footer/site-footer.vue b/src/common-components/site-footer/site-footer.vue
index e29c3e54..64bdd4c2 100644
--- a/src/common-components/site-footer/site-footer.vue
+++ b/src/common-components/site-footer/site-footer.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="row" :style="`padding-bottom: ${paddingHeight}px`">
     </div>
-    <div class="row">
+    <div class="footerImage" id="imgCity" v-if="footerImageURL" >
         <img id="siteFooterImage" :src="footerImageURL" />
     </div>
     <footer class="footer container-fluid fixed-bottom g-5 bg-light py-4" id="infoBox">
@@ -37,6 +37,7 @@
 <script>
 import textLink from "@/ux-components/text-link/text-link";
 import buttonMain from "@/ux-components/button-main/button-main";
+import { queryStrings } from "@/constants/query-strings";
 
 export default {
     name: "siteFooter",
@@ -57,7 +58,7 @@ export default {
         };
     },
     mounted() {
-        this.paddingHeight = this.getFooterInfoBoxHeight() + 24;
+        this.paddingHeight = queryStrings.ISS_PAGE == "welcome-page" ?  this.getFooterInfoBoxHeight() + 89 : this.getFooterInfoBoxHeight() + 24;
         this.$nextTick(() => {
             window.addEventListener("resize", this.onResize);
         });
@@ -140,4 +141,11 @@ export default {
         overflow-x: visible; // needed to fix hidden footer on some iphones
     }
 }
+.footerImage
+    {
+        text-align: center;
+        position: sticky;
+        bottom: 72px;
+        width: 100%;
+    }
 </style>