From 2511f18fa7c73b08bb95f02084465bb1e15a0027 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 13 Jan 2024 15:14:16 -0700
Subject: [PATCH] enhance (& fix for mobile) styling and verbiage

---
 README.md                           | 11 +++++++++++
 project.task.yaml                   |  5 +----
 src/views/ClaimView.vue             |  6 +++---
 src/views/ContactQRScanShowView.vue |  5 ++++-
 src/views/ContactsView.vue          | 12 +++++++++---
 5 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index d536a6f49..300237ba6 100644
--- a/README.md
+++ b/README.md
@@ -90,6 +90,7 @@ To add an icon, add to main.ts and reference with `fa` element and `icon` attrib
   - As the new user on the home page, check that they can now record a gift.
   - On the contacts page, check that they cannot register someone else yet.
 - Walk through the functions on each page.
+- Test the mobile view.
 
 
 
@@ -116,6 +117,16 @@ To add an icon, add to main.ts and reference with `fa` element and `icon` attrib
 
 
 
+## Troubleshooting
+
+* A problem with `GET http://localhost:8080/web-push/vapid` means the py-push-server is not running
+  (and it won't work for a local app, anyway).
+
+* Red errors everywhere with a console message like this:
+  `Error: An ID is chosen but there are no keys for it so it cannot be used to talk with the service`
+  ... has happened on account switching when the current account was erased (or maybe replaced -- once I had a duplicate and I don't know how).
+
+
 
 ## Other
 
diff --git a/project.task.yaml b/project.task.yaml
index b590c3fce..d55d15bd6 100644
--- a/project.task.yaml
+++ b/project.task.yaml
@@ -1,10 +1,7 @@
 
 tasks:
 
-- record donations vs gives
-  - deploy & migrate (prod)
-  - update docs
-
+- allow agent to edit a project
 - make set-name request yellow
 - make the "give" on contact screen work like other give (allowing donation vs current blank)
 - create an identifier automatically, with a message that they can import a different one
diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue
index f4a787a90..36ef914fe 100644
--- a/src/views/ClaimView.vue
+++ b/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
diff --git a/src/views/ContactQRScanShowView.vue b/src/views/ContactQRScanShowView.vue
index 91b51d0a0..b7765a5f7 100644
--- a/src/views/ContactQRScanShowView.vue
+++ b/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
diff --git a/src/views/ContactsView.vue b/src/views/ContactsView.vue
index 22884eb04..7443845dd 100644
--- a/src/views/ContactsView.vue
+++ b/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>