From d552915d28b8f5d097c55fbaf49434dddd49e1b8 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Thu, 10 Aug 2023 14:58:17 -0400
Subject: [PATCH] styling fixes WIP

---
 .../coverage-statement/coverage-statement.vue | 23 ++++++++-----------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 243e619e..9569e027 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -29,7 +29,7 @@
                                   </div>
                                   <div
                                     ref="secondaryText"
-                                    class="text-center mt-4 fw-bold text-black"
+                                    class="text-center mt-4 mb-1 fw-bold text-black"
                                     v-html="secondaryText">
                                   </div>
                                   <div
@@ -39,7 +39,7 @@
                                   </div>
                                   <div
                                     v-if="displayQuote"
-                                    class="d-flex justify-content-center cost mb-5">
+                                    class="d-flex justify-content-center cost mb-0">
                                     {{ formattedServicePrice }}
                                   </div>
                                   <div
@@ -68,8 +68,8 @@
                                   </div>
                                   <buttonQuestion
                                     v-if="displayQuote"
-                                    id="coverage-button-question"
                                     v-model="selectedProvider"
+                                    class="coverage-button-question"
                                     cmsWidgetName="ServiceProviderQuestion"
                                     :questionText="questionText"
                                     :answers="answersFromCms"
@@ -429,20 +429,17 @@ export default {
   color: $green;
   font-size: 32px;
   font-weight: 300;
-  margin-bottom: 24px;
   line-height: 44px;
 }
 
-#coverage-button-question {
-  .question-text {
-    margin-bottom: 8px;
-  }
-  .question-text > span {
-    text-align: left;
-    line-height: 24px;
-  }
+.coverage-button-question {
+    .question-text {
+        margin-bottom: 8px;
+        & > span {
+            text-align: left !important;
+        }
+    }
 }
-
 .deductible-modal {
   p {
     margin-bottom: 0px;