Update Vin Lookup

upped max-len to 160 from 140 on eslint

.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', {

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="fade-on-route-transition">
-            <div class="row justify-content-center">
+            <div class="justify-content-center">
-                <div class="col-md-6 px-0 px-md-2">
+                <siteHeader cmsWidgetName="SiteHeaderWidget" />
-                    <siteHeader cmsWidgetName="SiteHeaderWidget" />
-                </div>
             </div>
-            <div class="row justify-content-center">
+            <div class="iss-heritage-container-width">
-                <div class="col-md-6 col-xl-4">
+                <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>