From 4029935d61b3201695e3f3ca044cae8410299e13 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Wed, 22 Dec 2021 16:01:50 -0500
Subject: [PATCH] CSR-241 WIP horizontal card updates.

---
 src/ux-components/list-card/list-card.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue
index f39ab2a83..b31ce3d38 100644
--- a/src/ux-components/list-card/list-card.vue
+++ b/src/ux-components/list-card/list-card.vue
@@ -17,7 +17,7 @@
   </div>
   <div v-else class="list-card horizontal w-100 rounded-3 d-flex align-items-center" :class="[this.invalid]">
     <input type="checkbox" :id="buttonID" :name="groupName" :value="buttonLabel" :aria-required="isRequired" />
-    <label :for="buttonID" class="d-flex flex-row w-100 align-items-center py-3 ps-3 pe-8" tabindex="1">
+    <label :for="buttonID" class="d-flex flex-row w-100 align-items-center py-3 ps-3 pe-8" tabindex="1" :class="{'checkboxTop': buttonLabelSubCopy}">
       <img class="ms-auto order-3" v-bind:src="require(`@/assets/img/icons/${buttonImage}`)" v-bind:alt="altText" />
       <div class="order-2">
         <p class="m-0 small">{{buttonLabel}}</p>
@@ -93,6 +93,12 @@ export default {
       border-radius: 2px;
       order: 2;
    }
+   + label.checkboxTop::before {
+     margin: -1.25rem 0.5rem 0 0 !important;
+   }
+   + label.checkboxTop::after {
+     margin: -1.5rem 0.5rem 0 0 !important;
+   }
    &:checked + label::before {
      background: $blue;
    }