consolidate the "gave" actions on a projecct

src/views/ProjectViewView.vue

@@ -65,30 +65,27 @@
       </button>
     </div>
 
-    <button
-      @click="openDialog({ name: 'you', did: activeDid })"
-      class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8"
-    >
-      I gave...
-    </button>
-
     <div>
-      <p>... or choose a contact who gave:</p>
+      <button
+        @click="openDialog({ name: 'you', did: activeDid })"
+        class="text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md"
+      >
+        I gave...
+      </button>
+      ... or choose a contact who gave:
       <!-- similar contact selection code is in multiple places -->
-      <div class="px-4">
+      <button
-        <button
+        v-for="contact in allContacts"
-          v-for="contact in allContacts"
+        :key="contact.did"
-          :key="contact.did"
+        @click="openDialog(contact)"
-          @click="openDialog(contact)"
+        class="text-blue-500"
-          class="text-blue-500"
+      >
-        >
+        &nbsp;{{ contact.name }},
-          &nbsp;{{ contact.name }},
+      </button>
-        </button>
+      <span v-if="allContacts.length > 0">&nbsp;or&nbsp;</span>
-        <span v-if="allContacts.length > 0">&nbsp;or&nbsp;</span>
+      <button @click="openDialog()" class="text-blue-500">
-        <button @click="openDialog()" class="text-blue-500">
+        someone not specified
-          someone not specified
+      </button>
-        </button>
-      </div>
     </div>
 
     <GiftedDialog