Merge pull request #220 from Safelite/BMR-validation-styling-updates

Update validation styling, add cursor to disabled button.

src/styles/common-error-styles.scss

@@ -9,6 +9,8 @@
     }
   }
   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;
   }
@@ -30,7 +32,8 @@
   &.btn.btn-primary {
     color: $gray;
     background: $gray-200;
-    cursor: default;
+    cursor: pointer;
+    pointer-events: all;
   }
   &.btn.btn-primary:hover,
   &.btn.btn-primary:focus,

src/ux-components/button-main/button-main.vue

@@ -76,16 +76,18 @@ export default {
       );
     }
     &:disabled {
-      background: $gray-100 !important;
+      background: $gray-200 !important;
       background: linear-gradient(
         270deg,
-        $gray-100 0%,
-        $gray-100 100%
+        $gray-200 0%,
+        $gray-200 100%
       ) !important;
-      color: $gray !important;
+      color: $gray-550 !important;
       height: 48px;
       border: none;
       border-radius: $border-radius-lg;
+      cursor: pointer;
+      pointer-events: all;
     }
     &.has-loader {
       color: $white;

src/ux-components/list-button-horizontal/list-button-horizontal.vue

@@ -166,6 +166,7 @@ export default {
     label {
       border-bottom-left-radius: 0.5rem;
       border-top-left-radius: 0.5rem;
+      z-index: 2;
     }
   }
   &:last-of-type {