Merge pull request #154 from Safelite/bugfix/CSR-302

CSR-302: fix styles and make sure loader is set to be enabled

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 {

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;

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