Merge pull request #948 from Safelite/BRM-fix-spacing-for-errors-per-devyn

CSR-1097 fix error spacing and line height.

src/digital-components/button-question/button-question.vue

@@ -68,7 +68,10 @@
             </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>

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>

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;
 }