Merge pull request #278 from Safelite/CSR-269-styling-fixes

CSR-269 style updates.

src/layouts/vehicle-damage/vehicle-damage.vue

@@ -8,6 +8,7 @@
           @invalid-submit="onInvalidSubmit"
           ref="theForm"
           v-slot="{ meta }"
+          class="vehicle-damage-form"
         >
           <damageLocationQuestion
             ref="damageLocation"
@@ -407,3 +408,11 @@ export default {
   },
 };
 </script>
+
+<style lang="scss">
+  .vehicle-damage-form {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+</style>

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

@@ -135,6 +135,7 @@ export default {
     opacity: 0;
     width: 0;
     height: 0;
+    position: absolute;
     &:focus-visible + label {
       box-shadow: 0 0 0 2px $blue;
       z-index: 2;

src/ux-components/list-card/list-card.vue

@@ -183,6 +183,7 @@ export default {
     opacity: 0;
     width: 0;
     height: 0;
+    position: absolute;
 
     + label {
       display: block;
@@ -262,6 +263,7 @@ export default {
       height: 6px;
       width: 11px;
       transform: rotate(-45deg);
+      z-index: 1;
     }
   }