fix justification of checkboxes and text so they don't move

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">