fix problem with "Affirm Delivery" on offer claim page, plus other look-and-feel tweaks

src/views/InviteOneView.vue

@@ -16,6 +16,23 @@
     <!-- Heading -->
     <h1 class="text-4xl text-center font-light">Invitations</h1>
 
+    <ul class="ml-8 mt-4 list-outside list-disc w-5/6">
+      <li>
+        Note when sending
+        <span
+          v-if="!showAppleWarning"
+          class="text-blue-500 cursor-pointer"
+          @click="showAppleWarning = !showAppleWarning"
+        >
+          to Apple users...
+        </span>
+        <span v-else>
+          to Apple users: their links often fail because their device cuts off part of the
+          link. You might need to send it to them some other way, like in an email.
+        </span>
+      </li>
+    </ul>
+
     <!-- New Project -->
     <button
       v-if="isRegistered"
@@ -143,6 +160,7 @@ export default class InviteOneView extends Vue {
   apiServer: string = "";
   contactsRedeemed = {};
   isRegistered: boolean = false;
+  showAppleWarning = false;
 
   async mounted() {
     try {