From 7a3e99d68c4d91587026194947b6d095b02e653a Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Tue, 15 Aug 2023 14:00:26 -0400
Subject: [PATCH] styling WIP

---
 .../coverage-statement/coverage-statement.vue | 41 ++++++++++---------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 9569e027..74511ceb 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -66,17 +66,19 @@
                                     class="body-text"
                                     v-html="nextStepsBody">
                                   </div>
-                                  <buttonQuestion
-                                    v-if="displayQuote"
-                                    v-model="selectedProvider"
-                                    class="coverage-button-question"
-                                    cmsWidgetName="ServiceProviderQuestion"
-                                    :questionText="questionText"
-                                    :answers="answersFromCms"
-                                    buttonTypeString="listButton"
-                                    isRequired
-                                    :validationRules="rules.selectionRequired">
-                                  </buttonQuestion>
+                                  <div
+                                    class="button-wrapper">
+                                    <buttonQuestion
+                                        v-if="displayQuote"
+                                        v-model="selectedProvider"
+                                        cmsWidgetName="ServiceProviderQuestion"
+                                        :questionText="questionText"
+                                        :answers="answersFromCms"
+                                        buttonTypeString="listButton"
+                                        isRequired
+                                        :validationRules="rules.selectionRequired">
+                                    </buttonQuestion>
+                                  </div>
                               </div>
                               <siteFooter
                                 ref="siteFooter"
@@ -432,21 +434,22 @@ export default {
   line-height: 44px;
 }
 
-.coverage-button-question {
-    .question-text {
-        margin-bottom: 8px;
-        & > span {
-            text-align: left !important;
-        }
+.question-text {
+    & > span {
+        text-align: left;
     }
 }
+
 .deductible-modal {
   p {
-    margin-bottom: 0px;
+    margin-bottom: 0px !important;
   }
 
+  h5.mb-4 {
+    color: black;
+  }
   .modal-body p:last-child {
-    font-size: 16px;
+    font-size: 16px !important;
     line-height: 26px;
   }