Merge pull request #1414 from Safelite/CSR-1704-fix-vertical-spacing

CSR-1704 spacing fixes for:

src/layouts/estimate/estimate.vue

@@ -33,12 +33,13 @@
 
                     <div v-else>
                         <alert
-                            class="my-4"
+                            class="mt-4 mb-4"
                             :cmsWidgetName="alertInfo"
                             alertClass="alert-info"
                             v-bind:isDismissible="false" />
 
                         <textboxQuestion
+                            class="mb-4"
                             cmsWidgetName="ServiceZipQuestionWidget"
                             v-model="serviceZipCode"
                             inputId="serviceZipCode"
@@ -47,6 +48,7 @@
                             validationRules="zip-required|zip-format" />
 
                         <textboxQuestion
+                            class="mb-0"
                             cmsWidgetName="EmailAddressQuestionWidget"
                             v-model="emailAddress"
                             inputId="emailAddress"

src/layouts/vehicle-damage/vehicle-damage.vue

@@ -551,9 +551,19 @@ export default {
 
 <style lang="scss">
 .replace-options-question {
+    .question-text {
+        margin: 1rem 0 0 0;
+        @include media-breakpoint-up(md) {
+            margin: 1rem 0;
+        }
+    }
     .two-list-card-width {
         width: 100%;
         flex: 0 auto;
+        margin-top: 0.5rem;
+        &:first-child {
+            margin-top: 1rem;
+        }
     }
 }
 </style>

src/layouts/vin-lookup/vin-lookup.vue

@@ -16,7 +16,7 @@
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
 
                     <textboxQuestion
-                        class="mb-4 mt-5"
+                        class="mb-2 mt-5"
                         cmsWidgetName="VinNumberQuestionWidget"
                         v-model="vin"
                         customInputId="vin"