From 63e8ed0d148bca84fc7d3eb28f542994a540a538 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Fri, 2 Feb 2024 15:55:16 -0500
Subject: [PATCH] allow footer to stack vertically

---
 .../site-footer/site-footer.vue               | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/iss-components/site-footer/site-footer.vue b/src/iss-components/site-footer/site-footer.vue
index 2c4a4cb0..e695f422 100644
--- a/src/iss-components/site-footer/site-footer.vue
+++ b/src/iss-components/site-footer/site-footer.vue
@@ -3,7 +3,13 @@
         <footer
             id="infoBox"
             class="footer container-fluid g-5 my-5 px-0">
-            <div class="row d-flex flex-row-reverse align-items-center vw-100 mx-0">
+            <div
+                class="row d-flex vw-100 mx-0"
+                :class="[
+                    isStackedVertically
+                        ? 'flex-column align-items-stretch'
+                        : 'flex-row-reverse align-items-center'
+                ]">
                 <div
                     id="stacked"
                     class="col button-col d-flex px-0">
@@ -61,7 +67,8 @@ export default {
         isForwardActionDisabled: Boolean,
         isBackButtonHidden: { type: Boolean, default: false },
         isForwardButtonHidden: { type: Boolean, default: false },
-        cmsWidgetName: String
+        cmsWidgetName: String,
+        isStackedVertically: { type: Boolean, default: false }
     },
     emits: ['backClicked', 'forwardClicked'],
     data() {
@@ -161,6 +168,17 @@ export default {
     & > .container-fluid {
         overflow-x: visible; // needed to fix hidden footer on some iphones
     }
+    div.flex-column {
+        .btn-primary {
+            width: 100%;
+            justify-content: center;
+        }
+        div.link-col {
+            display: flex;
+            justify-content: center;
+            margin-top: 1.25rem;
+        }
+    }
 }
 .footerImage
 {