From 0180589800df5ced55a094ebc9905aa816f5c1d6 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 20 Jun 2024 16:43:08 -0400
Subject: [PATCH] WIP get modal functional and setup recal modal in CMS.

---
 src/layouts/payment-method/payment-method.vue | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 88107c80c..4f08d86df 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -1,7 +1,7 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
         <loadingModal notFullScreen ref="loadingModal" />
-        <div class="container-fluid">
+        <div class="container-fluid payment-method">
             <div class="row justify-content-center">
                 <div class="col-md-6">
                     <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
@@ -704,6 +704,10 @@ export default {
 };
 </script>
 
+<style>
+    
+</style>
+
 <style lang="scss" scoped>
 .checkbox-group {
     align-items: start;
@@ -723,4 +727,20 @@ export default {
     color: $gray-550;
     margin: 0;
 }
+.payment-method {
+    :deep(.modal-body) {
+        display: flex;
+        flex-direction: column;
+        h5 {
+            text-align: center;
+            order: 1;
+        }
+        p {
+            order: 3
+        }
+        img {
+            order: 2;
+        }
+    }
+}
 </style>