From 3c7f79571219f1723de9bf22d3a53c53862b48c0 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Fri, 13 May 2022 14:24:02 -0400
Subject: [PATCH] CSR-564, CSR-552 QA bug fixes.

Update vinInformation line spacing, image size, spacing. Update error message letter case. Update alert color.
---
 src/constants/error-messages.js                            | 4 ++--
 src/layouts/vin-lookup/vin-information/vin-information.vue | 4 ++++
 src/layouts/vin-lookup/vin-lookup.vue                      | 4 ++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/constants/error-messages.js b/src/constants/error-messages.js
index a064cfecb..b4d073496 100644
--- a/src/constants/error-messages.js
+++ b/src/constants/error-messages.js
@@ -18,8 +18,8 @@ const errorMessages = {
     LAST_NAME_REQUIRED: "Please enter your last name",
     EMAIL_ADDRESS_REQUIRED: "Please enter your email address",
     EMAIL_ADDRESS_FORMAT: "Please enter a valid email address",
-    SERVICE_ZIP_REQUIRED: "Please enter your Service ZIP",
-    SERVICE_ZIP_FORMAT: "Please enter a valid Service ZIP",
+    SERVICE_ZIP_REQUIRED: "Please enter your service ZIP",
+    SERVICE_ZIP_FORMAT: "Please enter a valid service ZIP",
     VIN_REQUIRED: "Please enter your VIN",
     VIN_FORMAT: "Invalid VIN. Please make sure that you entered the correct 17-digit, alpha-numeric number. VINs do not contain the letters I, O, or Q",
     OPTION_REQUIRED: "Please select an option",
diff --git a/src/layouts/vin-lookup/vin-information/vin-information.vue b/src/layouts/vin-lookup/vin-information/vin-information.vue
index 3e5b67a91..91cee616f 100644
--- a/src/layouts/vin-lookup/vin-information/vin-information.vue
+++ b/src/layouts/vin-lookup/vin-information/vin-information.vue
@@ -41,6 +41,9 @@ export default {
     font-size: .875rem;
     color: $gray-600;
   }
+  li {
+    line-height: 26px;
+  }
   a {
     font-size: .875rem;
   }
@@ -70,6 +73,7 @@ export default {
     overflow: hidden;
     opacity: 0;
     img {
+      max-width: 420px;
       width: 117%;
       height: auto;
     }
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 27be92781..6e3a83653 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -27,7 +27,7 @@
             />
           </div>
         </div>
-        <div class="row my-2">
+        <div class="row mb-2">
           <div class="col">
             <vinInformation />
           </div>
@@ -92,7 +92,7 @@
           class="my-3"
           v-model="customAlertData"
           v-if="vinNotFound"
-          alertClass="alert-warning"
+          alertClass="alert-danger"
           cmsWidgetName="VinNotFound"
         />
         <alert