From c10ff0b96afffb9e22bc1b79ec23c78136dc6e3c Mon Sep 17 00:00:00 2001
From: Sneha <sneha.a@safelite.com>
Date: Thu, 6 Apr 2023 13:01:21 +0530
Subject: [PATCH] SSR-372,373,377,378

UI defects on provider preference
---
 .../provider-preference.vue                   | 22 +++++++++++++++++--
 .../shoppreference-modal.vue                  | 12 +++++++---
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index 6054b1e7..947ed4aa 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -4,10 +4,10 @@
       <siteHeader cmsWidgetName="SiteHeaderWidget" />
       <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" />
       <div class="fade-on-route-transition sub-container make-tall overflow-scroller px-5">
-        <div v-html="ProviderPreferenceHeaderText"  class="text-center mt-4 mb-4" ></div>
+        <div v-html="ProviderPreferenceHeaderText"  class="text-center mb-4 modal-link" ></div>
         <div
             v-html="ProviderPreferenceBodyText"
-            class="mt-0" 
+            class="mt-0 body-text" 
         ></div>
         <shoppreferenceModal cmsWidgetName="ShopPreferenceDrawer" /> 
 
@@ -125,4 +125,22 @@ export default {
 #sub-header span{
 color: #000000;
 }
+.body-text p{
+  margin-bottom: 0.5rem;
+}
+.body-text li{
+  margin-bottom: 0.5rem;
+}
+.modal-link a{
+  color:#06577C;
+  font-size: 14px;
+  line-height: 24px;
+  font-weight: 500;
+}
+.question-text {
+  margin-top: 0;
+    & > span {
+        text-align: left;
+    }
+}
 </style>
\ No newline at end of file
diff --git a/src/layouts/provider-preference/shoppreference-modal/shoppreference-modal.vue b/src/layouts/provider-preference/shoppreference-modal/shoppreference-modal.vue
index 310637a6..8cc521b9 100644
--- a/src/layouts/provider-preference/shoppreference-modal/shoppreference-modal.vue
+++ b/src/layouts/provider-preference/shoppreference-modal/shoppreference-modal.vue
@@ -17,8 +17,8 @@
                         aria-label="Close"></button>
                 </div>
                 <div class="modal-body ps-4 pe-4 pt-4 pb-4">
-                    <h5 class="mb-4 text-center header-text" v-html="ModalHeadline"></h5>
-                    <p class="mb-0 small" v-html="ModalBodyText"></p>
+                    <h5 class="mb-2 text-center header-text" v-html="ModalHeadline"></h5>
+                    <p class="mb-0 small body-text" v-html="ModalBodyText"></p>
                 </div>
                 <div class="modal-footer px-5 py-4">
                     <buttonMain
@@ -74,7 +74,13 @@ export default {
     .header-text{
         color: #000000;
         font-weight: 500;
-
+        font-size: 16px;
+        line-height: 26px;
+    }
+    .body-text{
+        color:#525656;
+        font-size: 16px;
+        line-height: 26px;
     }
     .modal-header {
         border-bottom: none;