From 70082762bee5763867b68b2ee053ec4b36ae75c3 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Wed, 19 Jan 2022 15:23:04 -0500
Subject: [PATCH] CSR-302: fix styles and make sure loader is set to be enabled

---
 src/common-components/button-question/button-question.vue | 2 ++
 src/styles/common-list-styles.scss                        | 3 +++
 src/ux-components/list-button/list-button.vue             | 2 +-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/common-components/button-question/button-question.vue b/src/common-components/button-question/button-question.vue
index 849f5a353..6c82ab6bb 100644
--- a/src/common-components/button-question/button-question.vue
+++ b/src/common-components/button-question/button-question.vue
@@ -12,6 +12,7 @@
             :buttonID="answer"
             @mouseup="chooseAnswer(answer)"
             @keyup.space="chooseAnswer(answer)"
+            :loaderEnabled="true"
             loaderColor="blue"
             loaderPosition="right"
             sizeInRem="1.5"
@@ -52,6 +53,7 @@ export default {
 
 <style lang="scss" scoped>
 .button_question {
+  color: $black;
   height: calc(100vh - 280px);
 
   .overflow-scroll {
diff --git a/src/styles/common-list-styles.scss b/src/styles/common-list-styles.scss
index d1a27d428..2af95f21a 100644
--- a/src/styles/common-list-styles.scss
+++ b/src/styles/common-list-styles.scss
@@ -12,6 +12,8 @@
         box-shadow: 0 0 0 2px $blue;
       }
       &:checked + label {
+        color: $black;
+        font-weight: 500;
         background: $blue-100;
         box-shadow: 0 0 0 1px $blue;
       }
@@ -20,6 +22,7 @@
       }
     }
     label {
+      color: $gray-600;
       position: relative;
       background: $white;
       transition: all 150ms linear;
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index 7087ff23f..d4b9820e3 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -106,7 +106,7 @@ export default {
   &.list-button {
     input[type="radio"],
     input[type="checkbox"] {
-      position: static !important; //override bootstrap
+      position: static; //override bootstrap
       height: 0;
     }
   }