From 4530abcbf688a4112227bac128d41555069e3b91 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 16 Oct 2023 15:33:12 -0400
Subject: [PATCH] CSR-1704 spacing fixes for:

CSR-1704, 1705, 1706
---
 src/layouts/estimate/estimate.vue             |  4 +++-
 src/layouts/vehicle-damage/vehicle-damage.vue | 10 ++++++++++
 src/layouts/vin-lookup/vin-lookup.vue         |  2 +-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 61d06fe05..00bea471f 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/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"
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index ffa57e04d..83a8db7d8 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/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: .5rem;
+        &:first-child {
+            margin-top: 1rem;
+        }
     }
 }
 </style>
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index f3332e838..e28359724 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/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"