From a82bc33f9d755796726e6c5c8f022ddb05b58b51 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Tue, 29 Oct 2024 10:15:32 -0400
Subject: [PATCH] styling change

---
 .../coverage-statement/coverage-statement.vue | 29 ++++++++++++-------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index e297be31..1eac7be4 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -17,7 +17,7 @@
                 <div class="col-md-6 col-xl-4">
                     <h5
                         ref="siteSubHeader"
-                        class="text-center text-black"
+                        class="sub-header text-center text-black lh-2"
                         v-html="coverageStatementSubHeader"></h5>
                     <div
                         ref="explanatoryText"
@@ -344,12 +344,6 @@ export default {
         isRepair() {
             return this.mainStore.order.damage.isRepair;
         }
-        // unverifiedADASReplace() {
-        //     return this.isUnverifiedVisible && this.isADAS && !this.isRepair;
-        // },
-        // unverifiedNonADASReplace() {
-        //     return this.isUnverifiedVisible && !this.isADAS && !this.isRepair;
-        // }
     },
     watch: {
         selectedProvider() {
@@ -476,10 +470,16 @@ export default {
                     return (
                         this.isDeductibleVisible && this.deductibleValue === 0
                     );
-                case 'unverifiedADASReplace':
-                    return this.isUnverifiedVisible && this.isADAS && !this.isRepair;
-                case 'unverifiedNonADASReplace':
-                    return this.isUnverifiedVisible && !this.isADAS && !this.isRepair;
+                case 'verifiedRepair':
+                    return isRepair && this.isDeductibleVisible;
+                case 'verifiedReplaceZeroDeductible':
+                    return !isRepair && this.isDeductibleVisible && this.deductibleValue === 0;
+                case 'verifiedReplaceDeductibleOverZero':
+                    return !isRepair && this.isDeductibleVisible && this.deductibleValue !== 0;
+                // case 'unverifiedADASReplace':
+                //     return this.isUnverifiedVisible && this.isADAS && !this.isRepair;
+                // case 'unverifiedNonADASReplace':
+                //     return this.isUnverifiedVisible && !this.isADAS && !this.isRepair;
                 default:
                     return null;
             }
@@ -512,6 +512,9 @@ export default {
     .deductible-text {
         line-height: 1.5rem;
     }
+    .sub-header {
+        line-height: 2rem;
+    }
     :deep ol {
         padding: 0;
         padding-left: 1.125rem;
@@ -531,6 +534,10 @@ export default {
             color: $black;
         }
     }
+    :deep .body-text {
+        font-size: 0.875rem;
+        line-height: 1.5rem;
+    }
     :deep .question-text {
         margin-top: 1.5rem;
         margin-bottom: 0.5rem;