From 2ae1c20c984101344a5bc3d4ea1b5a9305796066 Mon Sep 17 00:00:00 2001
From: Donielle Austin <Donielle.Austin@safelite.com>
Date: Tue, 10 May 2022 16:30:26 -0400
Subject: [PATCH] ui defects

---
 src/layouts/estimate/estimate.vue             |  4 ++--
 src/styles/common-error-styles.scss           | 11 ++++++++++-
 src/ux-components/list-button/list-button.vue |  2 +-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 4dde1dd61..9bcc7a478 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -11,7 +11,7 @@
       <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
       <div class="fade-on-route-transition sub-container make-tall">
         <alert
-        class=""
+        class="vinLookupMethodHeading"
         v-model="customAlertData"
         alertClass=""
         cmsWidgetName="AlertVinLookupQuestion"
@@ -138,7 +138,7 @@ export default {
 </script>
 
 <style lang="scss">
-  .alert p{
+  .vinLookupMethodHeading p{
     font-size: 1rem;
     font-weight: 500; 
     color: $black; 
diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 67bd9473b..0113f1d01 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -1,7 +1,8 @@
 html {
   .has-error {
     &.list-button,
-    &.list-card {
+    &.list-card, 
+    &.list-card.list-button {
       border: 1px solid $red;
       color: $red;
       input[type=checkbox]:focus + label,
@@ -15,6 +16,14 @@ html {
         box-shadow: 0px 0px 0px 4px $red-200;
         border-radius: 10px;
       }
+      label{
+        border: 1px solid transparent; 
+      }
+      label:hover {
+        box-shadow: 0px 0px 0px 4px $red-200;
+        border-radius: 10px;
+        border: 1px solid $red; 
+      }
     }
     &.list-button-horizontal {
       color: $red;
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index aba30934d..1f1a5046b 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="list-group list-button d-flex flex-column w-100 mb-2"
+    class="list-group list-button rounded-3 d-flex flex-column w-100 mb-2"
     :class="[(errors.length > 0 || hasError) ? 'has-error' : '']"
     @keyup.space="triggerButton()"
     @keyup.up="handleKeyupArrow()"