From b870cfc948ed5c8d466a3057f08b837d05e19751 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Wed, 22 Mar 2023 14:57:13 -0400
Subject: [PATCH 01/13] change to textBox top margin to match mocks

---
 src/layouts/coverage-statement/coverage-statement.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index b65339a7..7861ce19 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -13,7 +13,7 @@
             cmsWidgetName="verifyingCoverageStatement"
             typeStyle="h5"
             justifyText="center"
-            class="mt-4 mb-4"
+            class="mt-0 mb-4"
         />
         <div
             v-html="continueWithSchedulingBodyText"

From 521744bd41d58223e6cf266d21dccd88c10ba2e9 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Wed, 22 Mar 2023 15:12:56 -0400
Subject: [PATCH 02/13] override font color to match mocks

---
 src/layouts/coverage-statement/coverage-statement.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 7861ce19..52aa7409 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -14,6 +14,7 @@
             typeStyle="h5"
             justifyText="center"
             class="mt-0 mb-4"
+            id="coverageTextBlock"
         />
         <div
             v-html="continueWithSchedulingBodyText"
@@ -22,6 +23,7 @@
         <textBlock
             cmsWidgetName="whatHappensNextCopy"
             class="mt-4 mb-2 fw-bold"
+            id="coverageTextBlock"
         />
         <div v-html="bodyText" ref="coverageStatementBodyText"></div>
         <recalModal cmsWidgetName="RecalModal" />
@@ -151,4 +153,7 @@ export default {
             margin-bottom: .5rem;
         }
     }
+#coverageTextBlock {
+  color: #000000;
+}
 </style>

From de7d68a50ece83903ac63ac5da40aeec97cc090a Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Wed, 22 Mar 2023 16:56:09 -0400
Subject: [PATCH 03/13] styling changes to coverage-statement

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

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 52aa7409..6d6f11b8 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -14,16 +14,18 @@
             typeStyle="h5"
             justifyText="center"
             class="mt-0 mb-4"
-            id="coverageTextBlock"
+            id="coverage-statement-text-block"
         />
-        <div
+        <div class="mt-0">
+          <p
             v-html="continueWithSchedulingBodyText"
-            class="mt-0" 
-        ></div>
+            class="mt-0">
+          </p>
+        </div>
         <textBlock
             cmsWidgetName="whatHappensNextCopy"
             class="mt-4 mb-2 fw-bold"
-            id="coverageTextBlock"
+            id="coverage-statement-text-block"
         />
         <div v-html="bodyText" ref="coverageStatementBodyText"></div>
         <recalModal cmsWidgetName="RecalModal" />
@@ -147,13 +149,13 @@ export default {
     height: calc(100% - 168px);   
     overflow-X: hidden !important;   
 }
-    ol {
-        margin-left: -1rem;
+ol {
+    margin-left: -1rem;
         li {
-            margin-bottom: .5rem;
+          margin-bottom: .5rem;
         }
-    }
-#coverageTextBlock {
-  color: #000000;
+}
+#coverage-statement-text-block {
+    color: #000000;
 }
 </style>

From 096d1432fa7b8c8c8d9ac6e6f69eeef0c7e60e9a Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 23 Mar 2023 11:27:02 -0400
Subject: [PATCH 04/13] prevent vertical scrollbar from appearing when recal
 modal opens

---
 src/layouts/coverage-statement/coverage-statement.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 6d6f11b8..de255918 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -155,6 +155,9 @@ ol {
           margin-bottom: .5rem;
         }
 }
+.modal {
+  overflow: hidden;
+}
 #coverage-statement-text-block {
     color: #000000;
 }

From 1947d88846e58807b957137473bca6ffb3f64464 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 23 Mar 2023 13:01:28 -0400
Subject: [PATCH 05/13] styling fixes

---
 .../coverage-statement/coverage-statement.vue      | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index de255918..e7067cc1 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -27,7 +27,11 @@
             class="mt-4 mb-2 fw-bold"
             id="coverage-statement-text-block"
         />
-        <div v-html="bodyText" ref="coverageStatementBodyText"></div>
+        <div>
+          <p
+            v-html="bodyText" ref="coverageStatementBodyText">
+          </p>
+        </div>
         <recalModal cmsWidgetName="RecalModal" />
         <siteFooter
           cmsWidgetName="SiteFooterWidget"
@@ -156,7 +160,13 @@ ol {
         }
 }
 .modal {
-  overflow: hidden;
+    overflow: hidden;
+}
+strong {
+    color: #000000;
+}
+p {
+  font-size: 14px;
 }
 #coverage-statement-text-block {
     color: #000000;

From 7393043d6b9ced248b6984c6ebbbeeef04e1bcd4 Mon Sep 17 00:00:00 2001
From: katie <katie.kroell@safelite.com>
Date: Thu, 23 Mar 2023 13:05:55 -0400
Subject: [PATCH 06/13] Revert change to textBox top margin to match mocks

---
 .../coverage-statement/coverage-statement.vue   | 17 ++---------------
 1 file changed, 2 insertions(+), 15 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index e7067cc1..ff1195ef 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -13,8 +13,7 @@
             cmsWidgetName="verifyingCoverageStatement"
             typeStyle="h5"
             justifyText="center"
-            class="mt-0 mb-4"
-            id="coverage-statement-text-block"
+            class="mt-4 mb-4"
         />
         <div class="mt-0">
           <p
@@ -158,17 +157,5 @@ ol {
         li {
           margin-bottom: .5rem;
         }
-}
-.modal {
-    overflow: hidden;
-}
-strong {
-    color: #000000;
-}
-p {
-  font-size: 14px;
-}
-#coverage-statement-text-block {
-    color: #000000;
-}
+    }
 </style>

From 2089235bfeb4371bd53ed706c7333da0610d1a11 Mon Sep 17 00:00:00 2001
From: katie <katie.kroell@safelite.com>
Date: Thu, 23 Mar 2023 13:08:14 -0400
Subject: [PATCH 07/13] Revert override font color to match mocks

---
 src/layouts/coverage-statement/coverage-statement.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index ff1195ef..5ff85dbb 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -13,7 +13,8 @@
             cmsWidgetName="verifyingCoverageStatement"
             typeStyle="h5"
             justifyText="center"
-            class="mt-4 mb-4"
+            class="mt-0 mb-4"
+            id="coverageTextBlock"
         />
         <div class="mt-0">
           <p
@@ -24,7 +25,6 @@
         <textBlock
             cmsWidgetName="whatHappensNextCopy"
             class="mt-4 mb-2 fw-bold"
-            id="coverage-statement-text-block"
         />
         <div>
           <p

From f505226a7a4146a76cd5239ab4e2de621d57bb94 Mon Sep 17 00:00:00 2001
From: katie <katie.kroell@safelite.com>
Date: Thu, 23 Mar 2023 13:13:07 -0400
Subject: [PATCH 08/13] Revert "styling changes to coverage-statement"

---
 .../coverage-statement/coverage-statement.vue    | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 5ff85dbb..dd5e569b 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -14,14 +14,12 @@
             typeStyle="h5"
             justifyText="center"
             class="mt-0 mb-4"
-            id="coverageTextBlock"
+            id="coverage-statement-text-block"
         />
-        <div class="mt-0">
-          <p
+        <div
             v-html="continueWithSchedulingBodyText"
-            class="mt-0">
-          </p>
-        </div>
+            class="mt-0" 
+        ></div>
         <textBlock
             cmsWidgetName="whatHappensNextCopy"
             class="mt-4 mb-2 fw-bold"
@@ -152,10 +150,10 @@ export default {
     height: calc(100% - 168px);   
     overflow-X: hidden !important;   
 }
-ol {
-    margin-left: -1rem;
+    ol {
+        margin-left: -1rem;
         li {
-          margin-bottom: .5rem;
+            margin-bottom: .5rem;
         }
     }
 </style>

From 01f6fa08a4534bb76020f31b736eeeccee406647 Mon Sep 17 00:00:00 2001
From: katie <katie.kroell@safelite.com>
Date: Thu, 23 Mar 2023 13:15:33 -0400
Subject: [PATCH 09/13] Revert "prevent vertical scrollbar from appear..."


From e4dcb783b2a73d97cf2b357009166086fc01bab0 Mon Sep 17 00:00:00 2001
From: katie <katie.kroell@safelite.com>
Date: Thu, 23 Mar 2023 13:16:23 -0400
Subject: [PATCH 10/13] Revert "styling fixes"

---
 src/layouts/coverage-statement/coverage-statement.vue | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index dd5e569b..e1686186 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -24,11 +24,7 @@
             cmsWidgetName="whatHappensNextCopy"
             class="mt-4 mb-2 fw-bold"
         />
-        <div>
-          <p
-            v-html="bodyText" ref="coverageStatementBodyText">
-          </p>
-        </div>
+        <div v-html="bodyText" ref="coverageStatementBodyText"></div>
         <recalModal cmsWidgetName="RecalModal" />
         <siteFooter
           cmsWidgetName="SiteFooterWidget"

From cd37127f1979dad58a4e1f406bd312a8b2732397 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 23 Mar 2023 13:24:48 -0400
Subject: [PATCH 11/13] change font color - "we're verifying your coverage"

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

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index e1686186..50ef6cf8 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -146,10 +146,14 @@ export default {
     height: calc(100% - 168px);   
     overflow-X: hidden !important;   
 }
-    ol {
-        margin-left: -1rem;
-        li {
-            margin-bottom: .5rem;
-        }
-    }
+ol {
+    margin-left: -1rem;
+      li {
+          margin-bottom: .5rem;
+      }
+}
+#coverage-statement-text-block {
+  color: #000000;
+}
+
 </style>

From 2cf5849feba0b6c96ee5739a0ab0ec6c10f54f49 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 23 Mar 2023 13:46:16 -0400
Subject: [PATCH 12/13] change font color - "What happens next:"

---
 src/layouts/coverage-statement/coverage-statement.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 50ef6cf8..4eac9bcc 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -23,6 +23,7 @@
         <textBlock
             cmsWidgetName="whatHappensNextCopy"
             class="mt-4 mb-2 fw-bold"
+            id="coverage-statement-text-block"
         />
         <div v-html="bodyText" ref="coverageStatementBodyText"></div>
         <recalModal cmsWidgetName="RecalModal" />

From 150617e075b084d57f654091ecccbc22875b4f59 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 23 Mar 2023 13:57:35 -0400
Subject: [PATCH 13/13] change font-size and line-height of ordered list

---
 src/layouts/coverage-statement/coverage-statement.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 4eac9bcc..cc7e64f0 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -25,7 +25,12 @@
             class="mt-4 mb-2 fw-bold"
             id="coverage-statement-text-block"
         />
-        <div v-html="bodyText" ref="coverageStatementBodyText"></div>
+        <div>
+          <p class="small"
+            v-html="bodyText" 
+            ref="coverageStatementBodyText">
+          </p>
+        </div>
         <recalModal cmsWidgetName="RecalModal" />
         <siteFooter
           cmsWidgetName="SiteFooterWidget"