From f31574e35657cd14dfb60ad2243f7a618a3f8eb9 Mon Sep 17 00:00:00 2001
From: Matt Caimi <matt.caimi@safelite.com>
Date: Fri, 27 Jan 2023 10:46:04 -0500
Subject: [PATCH] CSR-1012 | moved body padding into modal component

---
 src/digital-components/modal/modal.vue        |  4 +++-
 .../content-group-modal.vue                   | 18 +++++++--------
 .../mobile-location-modal-questions.vue       | 22 ++++++++++---------
 .../service-zip-modal-question.vue            |  2 --
 4 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index a4efbba3e..a2151215a 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -17,7 +17,9 @@
                         data-bs-dismiss="modal"
                         aria-label="Close"></button>
                 </div>
-                <slot></slot>
+                <div class="modal-body ps-5 pe-5 pt-5 pb-4">
+                    <slot></slot>
+                </div>
                 <div class="modal-footer px-5 py-4">
                     <buttonMain
                         isPrimary
diff --git a/src/fmg-components/content-group-modal/content-group-modal.vue b/src/fmg-components/content-group-modal/content-group-modal.vue
index a446a01d0..ab0bdee86 100644
--- a/src/fmg-components/content-group-modal/content-group-modal.vue
+++ b/src/fmg-components/content-group-modal/content-group-modal.vue
@@ -4,16 +4,14 @@
         :modalId="ModalName"
         :footerButtonText="ModalCloseButtonText"
         @footer-button-event="footerButtonClick">
-        <div class="modal-body ps-4 pe-4 pt-5 pb-4">
-            <img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
-            <h5 class="mb-4" v-html="ModalHeadline"></h5>
-            <p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
-            <p class="mb-0" v-html="ModalBodyText"></p>
-            <p
-                class="my-4 caption modal-sub-body"
-                v-if="ModalSubBodyText"
-                v-html="ModalSubBodyText"></p>
-        </div>
+        <img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
+        <h5 class="mb-4" v-html="ModalHeadline"></h5>
+        <p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
+        <p class="mb-0" v-html="ModalBodyText"></p>
+        <p
+            class="my-4 caption modal-sub-body"
+            v-if="ModalSubBodyText"
+            v-html="ModalSubBodyText"></p>
     </modal>
 </template>
 
diff --git a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
index 7aea041e9..3a82b0362 100644
--- a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
+++ b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
@@ -19,17 +19,16 @@
     </div>
     <modal
         ref="mobileServiceModal"
-        :cmsWidgetName="this.modalWidgetName"
+        :modalId="this.modalWidgetName"
         :onModalOpenedCallback="onModalOpened"
-        :footerButtonCallback="saveMobileLocationData">
-        <div class="modal-body ps-5 pe-5 pt-5 pb-4">
-            <addressQuestions
-                ref="addressQuestions"
-                v-model="mobileQuestionModel.addressQuestions"
-                captureApartmentNumberOrBusinessName="true" />
-            <vehicleProtectedQuestion v-model="mobileQuestionModel.selectedValue"/>
-            <textBlock cmsWidgetName="QuoteEmailTextBlockWidget" typeStyle="caption" />
-        </div>
+        :footerButtonText="mobileLocationDisplayText"
+        @footer-button-event="saveMobileLocationData">
+        <addressQuestions
+            ref="addressQuestions"
+            v-model="mobileQuestionModel.addressQuestions"
+            captureApartmentNumberOrBusinessName="true" />
+        <vehicleProtectedQuestion v-model="mobileQuestionModel.selectedValue"/>
+        <textBlock cmsWidgetName="QuoteEmailTextBlockWidget" typeStyle="caption" />
     </modal>
 </template>
 
@@ -106,6 +105,9 @@ export default {
                 input.focus();
             });
         },
+        saveMobileLocationData() {
+
+        },
     },
     computed: {
         getModalId() {
diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
index e3b9a767a..478ac8766 100644
--- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
+++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
@@ -22,7 +22,6 @@
         :onModalOpenedCallback="onModalOpened"
         :footerButtonText="footerButtonText"
         @footer-button-event="setZip">
-        <div class="ps-4 pe-4 pb-4">
             <textboxQuestion
                 ref="zipInputTextQuestion"
                 :cmsWidgetName="this.textboxQuestionWidgetName"
@@ -48,7 +47,6 @@
                 :manualHeadline="AlertNonServiceableZipHeader"
                 alertClass="alert-danger"
                 v-bind:isDismissible="false" />
-        </div>
     </modal>
 </template>