enhance (& fix for mobile) styling and verbiage

src/views/ClaimView.vue

@@ -17,7 +17,7 @@
     </div>
 
     <!-- Details -->
-    <div class="h-32 bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
+    <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
       <div class="block flex gap-4 overflow-hidden">
         <div class="overflow-hidden">
           <h2 class="text-md font-bold">
@@ -44,7 +44,7 @@
       </div>
     </div>
 
-    <div class="h-6 columns-3">
+    <div class="columns-3">
       <button
         class="col-span-1 bg-blue-600 text-white px-4 py-2 rounded-md"
         v-if="userCanConfirm()"
@@ -58,7 +58,7 @@
         @click="openGiftDialog()"
         class="col-span-1 block w-fit text-center text-md bg-blue-600 text-white px-1.5 py-2 rounded-md"
       >
-        Record Some Delivered
+        Affirm Delivery
       </button>
     </div>
     <GiftedDialog

src/views/ContactQRScanShowView.vue

@@ -41,6 +41,9 @@
         :dotsOptions="{ type: 'square' }"
         class="flex justify-center"
       />
+      <span class="flex justify-center">
+        Click QR to copy your contact URL to your clipboard.
+      </span>
     </div>
     <div class="text-center" v-else>
       You have no identitifiers yet, so
@@ -55,7 +58,7 @@
     </div>
 
     <div class="text-center">
-      <h1 class="text-4xl text-center font-light pt-4">Scan Contact Info</h1>
+      <h1 class="text-4xl text-center font-light pt-6">Scan Contact Info</h1>
       <qrcode-stream @detect="onScanDetect" @error="onScanError" />
       <span>
         If you do not see a scanning camera window here, check your camera

src/views/ContactsView.vue

@@ -28,7 +28,7 @@
       </router-link>
       <input
         type="text"
-        placeholder="DID, Name, Public Key, Next Public Key Hash"
+        placeholder="URL or DID, Name, Public Key, Next Public Key Hash"
         class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2"
         v-model="contactInput"
       />
@@ -73,7 +73,13 @@
           }}
         </button>
         <br />
-        (Only most recent hours included)
+        (Only most recent hours included. To see more, click
+        <span
+          class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"
+        >
+          <fa icon="file-lines" class="fa-fw" />
+        </span>
+        )
       </div>
     </div>
 
@@ -209,7 +215,7 @@
                   query: { contactDid: contact.did },
                 }"
                 class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"
-                title="See all given activity"
+                title="See more given activity"
               >
                 <fa icon="file-lines" class="fa-fw" />
               </router-link>