From 19e78e0bba1c3af96469441a8ddbedbc18e18cee Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Wed, 11 May 2022 17:00:03 -0400
Subject: [PATCH 1/6] Remove duplicate alert. Fix word wrap in alert.

---
 src/layouts/vin-lookup/vin-lookup.vue | 7 -------
 src/ux-components/alert/alert.vue     | 6 +++++-
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index e9ce8fb43..0294716af 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -64,13 +64,6 @@
           alertClass="alert-warning"
           cmsWidgetName="NoMatchAlertWidget"
         />
-        <alert
-          class="my-3"
-          v-model="customAlertData"
-          v-if="vinNotFound"
-          alertClass="alert-warning"
-          cmsWidgetName="VinNotFound"
-        />
         <alert
           class="my-3"
           :manualHeadline="PerfectMatchNewVinAlertReadOnlyHeader"
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 050a5fd47..3dc64e497 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -10,7 +10,7 @@
         <span v-if="copy.includes('routerLink:')" class="m-0 text-body">
           <router-link :to="{query: {fmgPage: `${copy.split(':')[1].split(',')[0]}`}, name: 'root'}">{{ copy.split(':')[1].split(',')[1] }}</router-link>
         </span>
-        <span v-else class="m-0 text-body" v-html="copy"></span>
+        &nbsp;<span v-else class="m-0 text-body" v-html="copy"></span>&nbsp;
       </template>
     </p>
     <p v-else class="m-0 text-body" v-html="alertCopy"></p>
@@ -131,6 +131,10 @@ export default {
   & p {
     font-size: .875rem;
     margin-bottom: 0.25rem !important;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
   }
 }
 </style>

From 07e60f73dff85e79256dd7d24cda17d5defefc8a Mon Sep 17 00:00:00 2001
From: Donielle Austin <Donielle.Austin@safelite.com>
Date: Thu, 12 May 2022 08:39:23 -0400
Subject: [PATCH 2/6] ui defect

---
 src/layouts/estimate/estimate.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index fe62d7647..b7bfc8eb8 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -17,6 +17,7 @@
         cmsWidgetName="AlertVinLookupQuestion"
       />
         <buttonQuestion
+        class="vinLookupMethodButtonQuestionList"
           cmsWidgetName="VinLookupMethod"
           :answers="answersFromCms"
           groupName="vinLookupMethodOption"
@@ -146,4 +147,9 @@ export default {
   div .current_car_info-text {
     padding-bottom: 16px; 
   }
+  .vinLookupMethodButtonQuestionList {
+    .row.mt-2.form-test-error {
+      margin-top: -0.25rem !important; 
+    }
+  }
 </style>
\ No newline at end of file

From 453cbe4c86b92afdb9bedf0da65ff6104b28c734 Mon Sep 17 00:00:00 2001
From: Donielle Austin <Donielle.Austin@safelite.com>
Date: Thu, 12 May 2022 09:35:33 -0400
Subject: [PATCH 3/6] ui defect - shifting buttons

---
 src/styles/common-error-styles.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 7ebc9fb28..369c39a0e 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -3,7 +3,6 @@ html {
     &.list-button,
     &.list-card, 
     &.list-card.list-button {
-      border: 1px solid $red;
       color: $red;
       input[type=checkbox]:focus + label,
       input[type=radio]:focus + label {
@@ -17,7 +16,7 @@ html {
         border-radius: 10px;
       }
       label {
-        border: 1px solid transparent; 
+        border: 1px solid $red; 
       }
       label:hover {
         box-shadow: 0px 0px 0px 4px $red-200;

From 5550f1fa14a2878751186872de8af88722879f1a Mon Sep 17 00:00:00 2001
From: Donielle Austin <Donielle.Austin@safelite.com>
Date: Thu, 12 May 2022 09:42:24 -0400
Subject: [PATCH 4/6] ui defect

---
 src/styles/common-error-styles.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 7ebc9fb28..369c39a0e 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -3,7 +3,6 @@ html {
     &.list-button,
     &.list-card, 
     &.list-card.list-button {
-      border: 1px solid $red;
       color: $red;
       input[type=checkbox]:focus + label,
       input[type=radio]:focus + label {
@@ -17,7 +16,7 @@ html {
         border-radius: 10px;
       }
       label {
-        border: 1px solid transparent; 
+        border: 1px solid $red; 
       }
       label:hover {
         box-shadow: 0px 0px 0px 4px $red-200;

From 7e099727643672a7a6253239e3e3c501d062a913 Mon Sep 17 00:00:00 2001
From: Donielle Austin <Donielle.Austin@safelite.com>
Date: Thu, 12 May 2022 09:51:03 -0400
Subject: [PATCH 5/6] ui defect

---
 src/layouts/estimate/estimate.vue | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index b7bfc8eb8..fe62d7647 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -17,7 +17,6 @@
         cmsWidgetName="AlertVinLookupQuestion"
       />
         <buttonQuestion
-        class="vinLookupMethodButtonQuestionList"
           cmsWidgetName="VinLookupMethod"
           :answers="answersFromCms"
           groupName="vinLookupMethodOption"
@@ -147,9 +146,4 @@ export default {
   div .current_car_info-text {
     padding-bottom: 16px; 
   }
-  .vinLookupMethodButtonQuestionList {
-    .row.mt-2.form-test-error {
-      margin-top: -0.25rem !important; 
-    }
-  }
 </style>
\ No newline at end of file

From 38619cba326af82f38a29351a918db73dbe2b868 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Thu, 12 May 2022 10:26:17 -0400
Subject: [PATCH 6/6] CSR-553 Fix margin on address-lookup page

---
 .../address-questions/address-questions.vue                 | 6 +++---
 .../customer-questions/customer-questions.vue               | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
index 6192561e6..1038fbece 100644
--- a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
+++ b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
@@ -1,18 +1,18 @@
 <template>
-	<div class="row my-4">
+	<div class="row mb-4">
 		<div class="col">
 			<textboxQuestion cmsWidgetName="StreetAddressQuestionWidget" v-model="addressModel.streetAddress" ref="autocomplete" inputId="autocomplete" placeholderText="Search" aria-haspopup="" hasIcon disableAutoFill validationRules="street-address-required" />
 		</div>
 	</div>
 	<transition name="fade" mode="out-in">
-		<div class="row my-4" v-show="showAddressFields" aria-live="polite">
+		<div class="row mb-4" v-show="showAddressFields" aria-live="polite">
 			<div class="col">
 				<textboxQuestion cmsWidgetName="CityQuestionWidget" v-model="addressModel.city" ref="city" inputId="cbf28188fdf2436688fd735915f7ee56" disableAutoFill validationRules="city-required"/>
 			</div>
 		</div>
 	</transition>
 	<transition name="fade" mode="out-in">
-		<div class="row my-4" v-show="showAddressFields" aria-live="polite">
+		<div class="row mb-4" v-show="showAddressFields" aria-live="polite">
 			<div class="col">
 				<dropdownQuestion cmsWidgetName="StateQuestionWidget" v-model="addressModel.state" ref="state" inputId="8fdf9dc2e13e430eb57529499dceb3eb" :options="stateOptions" disableAutoFill validationRules="state-required" />
 			</div>
diff --git a/src/layouts/address-lookup/customer-questions/customer-questions.vue b/src/layouts/address-lookup/customer-questions/customer-questions.vue
index 062ef9b03..0eb82d91b 100644
--- a/src/layouts/address-lookup/customer-questions/customer-questions.vue
+++ b/src/layouts/address-lookup/customer-questions/customer-questions.vue
@@ -1,16 +1,16 @@
 <template>
 	<addressQuestions ref="addressQuestions" v-model="customerModel.addressQuestions" :alertNotifications="alertNotifications" />
-	<div class="row my-4">
+	<div class="row mb-4">
 		<div class="col">
 			<textboxQuestion cmsWidgetName="FirstNameQuestionWidget" v-model="customerModel.firstName" ref="firstName" inputId="08497a2efd9a4a73a70360ab47b4838d" disableAutoFill validationRules="first-name-required" />
 		</div>
 	</div> 
-	<div class="row my-4">
+	<div class="row mb-4">
 		<div class="col">
 			<textboxQuestion cmsWidgetName="LastNameQuestionWidget" v-model="customerModel.lastName" ref="lastName" inputId="0030e56a57e74a4ab92de7fb8e97fec5" disableAutoFill validationRules="last-name-required" />
 		</div>
 	</div>
-	<div class="row my-4">
+	<div class="row mb-4">
 		<div class="col">
 			<textboxQuestion cmsWidgetName="EmailAddressQuestionWidget" v-model="customerModel.emailAddress" ref="emailAddress" inputId="00450a91b8964a768ce3992e6feb890f" disableAutoFill validationRules="email-address-required|email-address-format"/>
 		</div>