From 809e764f04fc2dd534a9533e9a5738d41251334b Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 10 May 2024 13:09:54 -0400
Subject: [PATCH] SSR-1201 font style upddates.

---
 src/digital-components/modal/modal.vue        |  7 +++++-
 .../policy-vehicles/policy-vehicles.vue       | 23 +++++++++++--------
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index dd613344..ac5e8261 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -1,6 +1,8 @@
 <template>
     <!-- Modal -->
-    <focus-trap v-model:active="isOpen" :fallbackFocus="getFocusFallback">
+    <focus-trap
+v-model:active="isOpen"
+:fallbackFocus="getFocusFallback">
     <div
         :id="modalId"
         class="modal fade modal-component"
@@ -213,6 +215,9 @@ export default {
                         overflow: auto;
                         flex: none;
                     }
+                    h5 {
+                        text-align: center;
+                    }
                 }
             }
             &.modal-dialog-centered {
diff --git a/src/layouts/policy-vehicles/policy-vehicles.vue b/src/layouts/policy-vehicles/policy-vehicles.vue
index b12d2b5c..e08f8354 100644
--- a/src/layouts/policy-vehicles/policy-vehicles.vue
+++ b/src/layouts/policy-vehicles/policy-vehicles.vue
@@ -4,7 +4,7 @@
         v-slot="{ meta }"
         @submit="onSubmit"
         @invalidSubmit="onInvalidSubmit">
-        <div class="container-fluid fade-on-route-transition">
+        <div class="container-fluid fade-on-route-transition policy-vehicles">
             <div class="row justify-content-center">
                 <div class="col-md-6 px-0 px-md-2">
                     <siteHeader
@@ -18,7 +18,7 @@
                         <vehicleBanner
                             cmsWidgetName="VehicleBannerWidget"
                             :displayGenericVehicleImage="displayGeneric"
-                            class="mt-2 mb-4" />
+                            class="mt-2" />
                         <policyVehiclesQuestion
                             v-model="selectedVehicleVin"
                             cmsWidgetName="PolicyVehiclesQuestion"
@@ -271,14 +271,17 @@ export default {
     }
 };
 </script>
-<style lang="scss" scoped>
-.header {
-    margin-bottom: 0rem !important;
-}
-:deep(.form-test-error) {
-    text-align: left;
-    margin-top: 0rem !important;
-    line-height: 1.5rem;
+<style lang="scss">
+.policy-vehicles {
+    .button-question {
+        .question-text {
+            margin: 1rem 0;
+            span {
+                font-size: 1.25rem;
+                font-weight: 400;
+            }
+        }
+    }
 }
 </style>
 <!-- †est comment -->