From 6bc7dfd76db249f861e74eb0f64b5a84fb48adc3 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 21 Jun 2024 19:25:46 -0600
Subject: [PATCH] fix justification of checkboxes and text so they don't move

---
 src/views/GiftedDetails.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/GiftedDetails.vue b/src/views/GiftedDetails.vue
index e73bba9..da6f516 100644
--- a/src/views/GiftedDetails.vue
+++ b/src/views/GiftedDetails.vue
@@ -76,7 +76,7 @@
     </div>
     <ImageMethodDialog ref="imageDialog" />
 
-    <div class="mt-4">
+    <div class="h-7 mt-4 flex">
       <input
         v-if="!givenToUser"
         type="checkbox"
@@ -91,10 +91,10 @@
           notifyUser('Cannot be both given to you and also given to a project.')
         "
       />
-      <label class="text-sm">This was given to {{ projectName }}</label>
+      <label class="text-sm mt-1">This was given to {{ projectName }}</label>
     </div>
 
-    <div class="mt-4">
+    <div class="h-7 mt-4 flex">
       <input
         v-if="!givenToProject"
         type="checkbox"
@@ -109,12 +109,12 @@
           notifyUser('Cannot be both given to a project and also given to you.')
         "
       />
-      <label class="text-sm">This was given to you</label>
+      <label class="text-sm mt-1">This was given to you</label>
     </div>
 
-    <div class="mt-4">
+    <div class="mt-4 flex">
       <input type="checkbox" class="h-6 w-6 mr-2" v-model="isTrade" />
-      <label class="text-sm">Trade (not a gift)</label>
+      <label class="text-sm mt-1">Trade (not a gift)</label>
     </div>
 
     <p class="text-center mb-2 mt-6 italic">