From 6a7fc87235b7dd7c50a5d0172588387fe38a166f Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Sat, 19 Mar 2022 10:23:01 -0400
Subject: [PATCH 1/4] CSR-262: fix button error outline styling

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

diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 42c8e499c..494c97c48 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -1,7 +1,7 @@
 .has-error {
   &.list-button,
   &.list-card {
-    border: 1px solid $gray-500;
+    border: 1px solid $red;
     color: $red;
     label {
       box-shadow: 0 0 1px $red;

From de4461668090334ac5bbdddeb75b45fd7171b814 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Sat, 19 Mar 2022 10:29:55 -0400
Subject: [PATCH 2/4] CSR-262: fix missing focus outline on checked buttons

---
 src/ux-components/list-card/list-card.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue
index d3a1fc712..a9755904e 100644
--- a/src/ux-components/list-card/list-card.vue
+++ b/src/ux-components/list-card/list-card.vue
@@ -209,17 +209,23 @@ export default {
       }
     }
 
-    &:focus + label {
-      box-shadow: 0 0 0 2.5px $blue;
-      border-radius: 0.5rem;
-    }
-
     &:checked + label {
       background: $blue-100;
       box-shadow: 0 0 0 1px $blue;
       border-radius: 0.5rem;
     }
 
+    &:focus + label {
+      box-shadow: 0 0 0 2.5px $blue;
+      border-radius: 0.5rem;
+    }
+    
+    &:checked {
+      &:focus + label {
+        box-shadow: 0 0 0 2.5px $blue;
+      }
+    }
+    
     &:checked + label {
       p {
         color: $black;

From ed1188ca5afc892e5b59b0418bbda63253b4b110 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Sat, 19 Mar 2022 10:51:10 -0400
Subject: [PATCH 3/4] CSR-262: add thickened border styling on has-error
 buttons that get focused

---
 src/styles/common-error-styles.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 494c97c48..496055619 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -7,9 +7,12 @@
       box-shadow: 0 0 1px $red;
       border-radius: .5rem;
     }
+    input[type=checkbox]:focus + label,
+    input[type=radio]:focus + label {
+      box-shadow: 0 0 0 2.5px $red;
+    }
   }
-  input[type=checkbox]:focus + label,
-  input[type=radio]:focus + label,
+
   input[type=checkbox]:checked + label,
   input[type=radio]:checked + label {
     box-shadow: 0 0 0 2.5px transparent !important;

From 47f6e7fe7c1c7f848f1d69660abb65e9058b96c4 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Mon, 21 Mar 2022 15:21:49 -0400
Subject: [PATCH 4/4] Update error styles.

---
 src/styles/common-error-styles.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 496055619..d4dc8244a 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -22,6 +22,10 @@
     label {
       border: 1px solid $red;
     }
+    input[type=checkbox]:focus + label,
+    input[type=radio]:focus + label {
+      box-shadow: 0 0 0 2.5px $red;
+    }
   }
   &.ui-radio,
   &.ui-checkbox {