From e5f80409d4dee3b2c85c44e2b6890c6ddd919244 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Wed, 3 Dec 2025 08:42:11 -0500
Subject: [PATCH] Update Vin Lookup

upped max-len to 160 from 140 on eslint
---
 .eslintrc.js                          |  2 +-
 src/layouts/vin-lookup/vin-lookup.vue | 34 ++++++++++++++-------------
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 7187e7e5..3ced6a6d 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -23,7 +23,7 @@ module.exports = {
         'implicit-arrow-linebreak': ['off'],
         'comma-dangle': ['error', 'never'],
         indent: ['error', 4, { SwitchCase: 1 }],
-        'max-len': ['error', { code: 140 }],
+        'max-len': ['error', { code: 160 }],
         'no-plusplus': ['error', { allowForLoopAfterthoughts: true }],
         'vue/html-indent': 'off',
         'vue/html-closing-bracket-newline': ['error', {
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 90209f94..15831aca 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -4,21 +4,16 @@
         v-slot="{ meta }"
         @submit="onSubmit"
         @invalidSubmit="onInvalidSubmit">
-        <div class="container-fluid fade-on-route-transition">
-            <div class="row justify-content-center">
-                <div class="col-md-6 px-0 px-md-2">
-                    <siteHeader cmsWidgetName="SiteHeaderWidget" />
-                </div>
+        <div class="fade-on-route-transition">
+            <div class="justify-content-center">
+                <siteHeader cmsWidgetName="SiteHeaderWidget" />
             </div>
-            <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4">
+            <div class="iss-heritage-container-width">
+                <div class="vin-lookup-container iss-heritage-content-container-width">
                     <div class="select-car-form rounded">
-                        <vehicleBanner
-                            class="mt-2 mb-4"
-                            cmsWidgetName="VehicleBannerWidget"
-                            :displayGenericVehicleImage="!carIdIsValid" />
                         <siteSubHeader
                             cmsWidgetName="SiteSubHeaderWidget"
+                            class="mt-4"
                             subHeaderMarginClasses="mt-1" />
                         <vinLookupAlerts
                             class="mt-5"
@@ -42,6 +37,7 @@
         </div>
     </Form>
 </template>
+
 <script>
 // Import Supporting Files
 import { computed } from 'vue';
@@ -59,7 +55,6 @@ import { Form } from 'vee-validate';
 import siteFooter from '@/iss-components/site-footer/site-footer.vue';
 import siteHeader from '@/iss-components/site-header/site-header.vue';
 import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 import vinLocationInformation from '@/layouts/vin-lookup/vin-location-information/vin-location-information.vue';
 import vinLookupAlerts from '@/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue';
 import vinQuestion from '@/layouts/vin-lookup/vin-question/vin-question.vue';
@@ -73,7 +68,6 @@ export default {
         siteSubHeader,
         // eslint-disable-next-line vue/no-reserved-component-names
         Form,
-        vehicleBanner,
         vinLocationInformation,
         vinLookupAlerts,
         vinQuestion
@@ -149,9 +143,6 @@ export default {
                 return `!X!X!X!X!X!X!X!X!X!X!X${lastSixChars}`;
             }
             return '*****************';
-        },
-        carIdIsValid() {
-            return this.hasValidCarId();
         }
     },
     watch: {
@@ -311,3 +302,14 @@ export default {
     }
 };
 </script>
+
+<style lang="scss" scoped>
+.iss-heritage-container-width {
+    .vin-lookup-container {
+        position: relative;
+        min-height: 1px;
+        padding-left: .9375rem;
+        padding-right: .9375rem;
+    }
+}
+</style>