enhance (& fix for mobile) styling and verbiage

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>