From 4ae65542c1f9f20fb3ba2135fa7eab814833fec5 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 19 Jan 2023 10:23:42 -0500
Subject: [PATCH 1/2] CSR-1097 fix error spacing and line height.

---
 src/digital-components/button-question/button-question.vue   | 2 +-
 src/digital-components/textbox-question/textbox-question.vue | 4 ++--
 src/styles/common-typography-styles.scss                     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index 646b244be..a7b37ef5e 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -68,7 +68,7 @@
             </fieldset>
         </div>
         <div class="row form-test-error mt-1">
-            <error-message :name="formatString(groupName)" v-if="!suppressError"></error-message>
+            <error-message class="small" :name="formatString(groupName)" v-if="!suppressError"></error-message>
         </div>
     </div>
 </template>
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index 957f59f36..a19823b0d 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -32,8 +32,8 @@
                 @focus="$emit('focus', $event.target.value)" />
             <button v-if="includeSearchIcon" type="submit" aria-label="Search button" />
         </div>
-        <div v-show="errorMessage" class="row my-2 form-test-error">
-            <span class="d-inline-flex mt-0" role="alert">{{ errorMessage }}</span>
+        <div v-show="errorMessage" class="row my-1 form-test-error">
+            <span class="d-inline-flex small mt-0" role="alert">{{ errorMessage }}</span>
         </div>
     </div>
 </template>
diff --git a/src/styles/common-typography-styles.scss b/src/styles/common-typography-styles.scss
index 72b2e5875..a1b2a5e2b 100644
--- a/src/styles/common-typography-styles.scss
+++ b/src/styles/common-typography-styles.scss
@@ -42,7 +42,7 @@ h6,
 
 .small {
     font-size: 0.875rem;
-    line-height: 1.7;
+    line-height: 1.7142857143;
     font-weight: 400;
 }
 

From bbfe4f190de064b608c89cf90d41d7303c5f3808 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 19 Jan 2023 10:59:58 -0500
Subject: [PATCH 2/2] Format code.

---
 src/digital-components/button-question/button-question.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index a7b37ef5e..bf167b5ef 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -68,7 +68,10 @@
             </fieldset>
         </div>
         <div class="row form-test-error mt-1">
-            <error-message class="small" :name="formatString(groupName)" v-if="!suppressError"></error-message>
+            <error-message
+                class="small"
+                :name="formatString(groupName)"
+                v-if="!suppressError"></error-message>
         </div>
     </div>
 </template>