Merge pull request #882 from Safelite/feature/SSR-1634

SSR-1634: Essential Client Customizations

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"
                         v-html="coverageStatementSubHeader"></h5>
                     <div
                         ref="explanatoryText"
@@ -464,12 +464,18 @@ export default {
                     return isRepair;
                 case 'deductibleOverZero':
                     return (
-                        this.isDeductibleVisible && this.deductibleValue !== 0
+                        this.isDeductibleVisible && this.deductibleValue > 0
-                    ); // TODO what if deductible is negative?
+                    );
                 case 'isDeductibleZero':
                     return (
-                        this.isDeductibleVisible && this.deductibleValue === 0
+                        this.isDeductibleVisible && this.deductibleValue <= 0
                     );
+                case 'verifiedRepair':
+                    return isRepair && this.isDeductibleVisible;
+                case 'verifiedReplaceZeroDeductible':
+                    return !isRepair && this.isDeductibleVisible && this.deductibleValue <= 0;
+                case 'verifiedReplaceDeductibleOverZero':
+                    return !isRepair && this.isDeductibleVisible && this.deductibleValue > 0;
                 default:
                     return null;
             }
@@ -502,6 +508,9 @@ export default {
     .deductible-text {
         line-height: 1.5rem;
     }
+    .sub-header {
+        line-height: 2rem;
+    }
     :deep ol {
         padding: 0;
         padding-left: 1.125rem;
@@ -521,6 +530,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;

src/layouts/provider-preference/provider-preference.vue

@@ -16,7 +16,7 @@ ref="theForm"
                     <siteSubHeader
                         id="sub-header"
                         cmsWidgetName="SiteSubHeader"
-                        class="mb-0 mt-4" />
+                        class="mb-0 mt-4 text-center" />
                 </div>
             </div>
             <div class="row justify-content-center">