refactor display logic a bit (no flow changes intended)

src/views/ContactsView.vue

@@ -109,7 +109,7 @@
               }"
               title="See more about this DID"
             >
-              <fa icon="circle-info" class="text-blue-500 ml-6" />
+              <fa icon="circle-info" class="text-blue-500 ml-4" />
             </router-link>
           </h2>
           <div class="text-sm truncate">

src/views/HomeView.vue

@@ -64,19 +64,21 @@
         :to="{ name: 'quick-action-bvc' }"
         class="block text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-2 py-3 rounded-md"
       >
-        Bountiful Voluntaryist Community Actions</router-link
-      >
+        Bountiful Voluntaryist Community Actions
+      </router-link>
     </div>
 
-    <!-- show the actions for recognizing a give -->
     <div class="mb-8">
       <div v-if="isCreatingIdentifier">
         <p class="text-slate-500 text-center italic mt-4 mb-4">
           <fa icon="spinner" class="fa-spin-pulse" /> Loading&hellip;
         </p>
       </div>
+
+      <div v-else>
+        <!-- !isCreatingIdentifier -->
         <div
-        v-if="!activeDid && !isCreatingIdentifier"
+          v-if="!activeDid"
           class="bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4"
         >
           <p class="text-lg mb-3">
@@ -87,15 +89,17 @@
             :to="{ name: 'start' }"
             class="block text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-2 py-3 rounded-md"
           >
-          Create An Identifier</router-link
-        >
+            Create An Identifier
+          </router-link>
         </div>
 
         <div
           v-else-if="!isRegistered"
           class="bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4"
         >
-        Someone must register you before you can give or offer.
+          <!-- activeDid && !isRegistered -->
+          Someone must register you before you can give kudos or make offers or
+          create projects... basically before doing anything.
           <router-link
             :to="{ name: 'contact-qr' }"
             class="block text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-2 py-3 rounded-md"
@@ -106,6 +110,8 @@
 
         <div v-else>
           <!-- activeDid && isRegistered -->
+
+          <!-- show the actions for recognizing a give -->
           <div class="mb-4">
             <h2 class="text-xl font-bold">Record Something Given By:</h2>
           </div>
@@ -159,6 +165,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <GiftedDialog ref="customDialog" />
     <GiftedPrompts ref="giftedPrompts" />