vin lookup updates

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

@@ -3,15 +3,20 @@
     id="vin-lookup-alerts-wrapper"
     :class="wrapperCssClass">
     <vehicleNotFoundAlert
-      v-if="isVehicleNotFoundVisible" />
+      v-if="isVehicleNotFoundVisible"
+      class="mt-5" />
     <twoIdenticalYMMVehicleAlert
-      v-if="isTwoIdenticalYMMVehicleFoundVisible" />
+      v-if="isTwoIdenticalYMMVehicleFoundVisible"
+      class="mt-5" />
     <vehicleNotMatchedAlert
-      v-else-if="isVehicleNotMatchedVisible" />
+      v-else-if="isVehicleNotMatchedVisible"
+      class="mt-5" />
     <perfectMatchAlert
-      v-else-if="isPerfectMatchVisible" />
+      v-else-if="isPerfectMatchVisible"
+      class="mt-5" />
     <noServiceAlert
-      v-else-if="isNoServiceVisible" />
+      v-else-if="isNoServiceVisible"
+      class="mt-5" />
   </div>
 </template>
 <script>
@@ -66,3 +71,9 @@ export default {
     }
 };
 </script>
+
+<style lang="scss" scoped>
+div.alert {
+    margin-bottom: 0;
+}
+</style>

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

@@ -13,13 +13,12 @@
                     <div class="select-car-form rounded">
                         <siteSubHeader
                             cmsWidgetName="SiteSubHeaderWidget"
-                            class="mt-4"
-                            subHeaderMarginClasses="mt-1" />
+                            class="mt-4" />
                         <vinLookupAlerts
-                            class="mt-5"
                             :activeAlertType="activeVehicleLookupAlertType" />
                         <vinQuestion
                             v-model="vin"
+                            class="mt-4"
                             :mask="vinMask"
                             :isDisabled="vinPopulatedOnPageLoad"
                             textPosition="left" />