refactor some verbiage & look-and-feel

src/views/ConfirmGiftView.vue

@@ -54,13 +54,6 @@
           Confirm
           <fa icon="circle-check" class="ml-2 text-white cursor-pointer" />
         </button>
-        <a
-          v-if="isRegistered"
-          class="col-span-1 bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-2 px-4 py-2 rounded-md"
-          :href="urlForNewGive"
-        >
-          Record a Similar One
-        </a>
       </div>
 
       <!-- Details -->
@@ -264,13 +257,13 @@
       <!-- Note that a similar section is found in ClaimView.vue -->
       <h2
         class="font-bold uppercase text-xl text-blue-500 mt-8 mb-2 cursor-pointer"
-        @click="showDetails = !showDetails"
+        @click="showVeriClaimDump = !showVeriClaimDump"
       >
-        {{ serverUtil.containsHiddenDid(veriClaim) ? "Visible " : "" }}Details
-        <span v-if="!showDetails"><fa icon="chevron-down" /></span>
+        Details
+        <span v-if="!showVeriClaimDump"><fa icon="chevron-down" /></span>
         <span v-else><fa icon="chevron-up" /></span>
       </h2>
-      <div v-if="showDetails">
+      <div v-if="showVeriClaimDump">
         <div
           v-if="
             serverUtil.containsHiddenDid(veriClaim) &&
@@ -286,7 +279,9 @@
             <a @click="onClickShareClaim()" class="text-blue-500"
               >click to send them this info</a
             >
-            and see if they are willing to make an introduction.
+            and see if they are willing to make an introduction. They are surely
+            connected to someone; if you don't know who to ask, you might try
+            the person who registered you.
           </span>
           <span v-else>
             If you'd like to ask any of your contacts to take a look and see if
@@ -313,7 +308,9 @@
           <span v-else>
             If you'd like an introduction,
             <a
-              @click="copyToClipboard('Location', windowLocation.href)"
+              @click="
+                copyToClipboard('A link to this page', windowLocation.href)
+              "
               class="text-blue-500"
               >share this page with them and ask if they'll tell you more about
               about the participants.</a
@@ -373,20 +370,29 @@
           class="text-sm overflow-x-scroll px-4 py-3 bg-slate-100 rounded-md"
           >{{ veriClaimDump }}</pre
         >
+        <div class="mt-2 ml-2">
+          <a
+            @click="showClaimPage(veriClaim.id)"
+            class="text-blue-500 cursor-pointer"
+          >
+            <fa icon="file-lines" />
+            See All Generic Info
+          </a>
+        </div>
+        <div class="mt-2 ml-2">
+          <a
+            v-if="isRegistered"
+            class="text-blue-500 cursor-pointer"
+            :href="urlForNewGive"
+          >
+            <fa icon="file-lines" />
+            Record a Give Similar to the Original
+          </a>
+        </div>
       </div>
     </div>
     <div v-else-if="!isLoading">This does not have details to confirm.</div>
 
-    <div class="mt-4" v-if="!isLoading">
-      <a
-        @click="showClaimPage(veriClaim.id)"
-        class="text-blue-500 cursor-pointer"
-      >
-        <fa icon="file-lines" class="pl-2" />
-        All Generic Info
-      </a>
-    </div>
-
     <div
       class="fixed left-6 bottom-24 text-center text-4xl leading-none bg-slate-400 text-white w-14 py-2.5 rounded-full"
       v-if="isLoading"
@@ -438,7 +444,7 @@ export default class ClaimView extends Vue {
   isRegistered = false;
   numConfsNotVisible = 0; // number of hidden DIDs in the confirmerIdList, minus the issuer if they aren't visible
   recipientName = "";
-  showDetails = false;
+  showVeriClaimDump = false;
   urlForNewGive = "";
   veriClaim = serverUtil.BLANK_GENERIC_SERVER_RECORD;
   veriClaimDump = "";