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] 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;