From 1dad574f0b1d9d450996a193fff2b601abd51510 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Tue, 18 Jun 2024 16:15:19 -0400
Subject: [PATCH] style modal-body of recal-modal

Removed unused bailoutCode import
probable CMS update to follow if confirmed these recal modal's should match service-location / fmg
---
 .../coverage-statement/coverage-statement.vue   | 15 ++++++++++++++-
 .../provider-preference/provider-preference.vue | 17 ++++++++++++++---
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 465d5b93..36aeeb12 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -87,7 +87,8 @@
         </div>
         <recalModal
             ref="RecalModal"
-            cmsWidgetName="RecalModal" />
+            cmsWidgetName="RecalModal"
+            class="recal-modal" />
         <contentGroupModal
             ref="DeductibleModal"
             cmsWidgetName="DeductibleModal"
@@ -484,6 +485,18 @@ export default {
         margin-top: 0.5rem;
     }
 }
+
+:deep(.recal-modal) {
+    p {
+        font-size: 1rem;
+        line-height: 1.625rem;
+
+        &.modal-body {
+            padding: 0;
+        }
+    }
+}
+
 .modal {
     overflow: hidden;
 }
diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index ae41ea40..355d5364 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -41,8 +41,9 @@ ref="theForm"
                 </div>
             </div>
             <recalModal
-ref="recalModal"
-cmsWidgetName="RecalModal" />
+                ref="recalModal"
+                cmsWidgetName="RecalModal"
+                class="recal-modal" />
             <steeringModal
                 ref="StateSteeringModal"
                 cmsWidgetName="StateSteeringModal" />
@@ -81,7 +82,6 @@ import steeringModal from '@/layouts/provider-preference/steering-modal/steering
 import shopPreferenceModal from '@/layouts/provider-preference/shop-preference-modal/shop-preference-modal.vue';
 import tpaRecalModal from '@/layouts/provider-preference/tpa-recal-modal/tpa-recal-modal.vue';
 import globalRules from '@/constants/global-rules';
-import bailoutCode from '@/constants/bailoutCode';
 import bailoutMessage from '@/constants/bailoutMessage';
 
 const options = { SAFELITE: 'SafeliteOption', TPA: 'TPAOption' };
@@ -270,4 +270,15 @@ export default {
     padding: 0 2.5rem 0 2.5rem;
     background-position: center;
 }
+
+:deep(.recal-modal) {
+    p {
+        font-size: 1rem;
+        line-height: 1.625rem;
+
+        &.modal-body {
+            padding: 0;
+        }
+    }
+}
 </style>