fix verbiage and fix the contact actions to be on the right-hand side

src/components/DataExportSection.vue

@@ -24,9 +24,7 @@ backup and database export, with platform-specific download instructions. * *
       class="block w-full text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"
       @click="exportDatabase()"
     >
-      Download Settings & Contacts
-      <br />
-      (excluding Identifier Data)
+      Download Contacts
     </button>
     <a
       ref="downloadLink"

src/views/AccountViewView.vue

@@ -508,7 +508,7 @@
 
       <!-- Deep Identity Details -->
       <span class="text-slate-500 text-sm font-bold mb-2">
-        Deep Identifier Details
+        Identifier Details
       </span>
       <div
         id="sectionDeepIdentifier"
@@ -591,20 +591,9 @@
         Switch Identifier
       </router-link>
 
-      <div class="flex mt-4">
-        <button>
-          <router-link
-            :to="{ name: 'statistics' }"
-            class="block w-fit text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md mb-2"
-          >
-            See Global Animated History of Giving
-          </router-link>
-        </button>
-      </div>
-
       <div id="sectionImportContactsSettings" class="mt-4">
         <h2 class="text-slate-500 text-sm font-bold">
-          Import Contacts & Settings Database
+          Import Contacts
         </h2>
 
         <div class="ml-4 mt-2">
@@ -635,9 +624,7 @@
                   class="block text-center text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md mb-6"
                   @click="checkContactImports()"
                 >
-                  Import Only Contacts
-                  <br />
-                  after comparing
+                  Import Contacts
                 </button>
               </div>
             </div>
@@ -973,6 +960,17 @@
       >
         Test Page
       </router-link>
+
+      <div class="flex mt-2">
+        <button>
+          <router-link
+            :to="{ name: 'statistics' }"
+            class="block w-fit text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md"
+          >
+            See Global Animated History of Giving
+          </router-link>
+        </button>
+      </div>
     </section>
   </main>
 </template>

src/views/ContactsView.vue

@@ -180,6 +180,7 @@
         data-testId="contactListItem"
       >
         <div class="grow overflow-hidden">
+          <div class="flex items-center justify-between gap-3">
             <div class="flex items-center gap-3">
               <input
                 v-if="!showGiveNumbers"
@@ -197,12 +198,14 @@
                 "
               />
 
+              <div class="flex-shrink-0 w-12 h-12 flex items-center justify-center">
                 <EntityIcon
                   :contact="contact"
                   :icon-size="48"
                   class="inline-block align-text-bottom border border-slate-300 rounded cursor-pointer overflow-hidden"
                   @click="showLargeIdenticon = contact"
                 />
+              </div>
 
               <h2 class="text-base font-semibold w-1/3 truncate flex-shrink-0">
                 {{ contactNameNonBreakingSpace(contact.name) }}
@@ -231,10 +234,8 @@
                 </div>
               </span>
             </div>
-          <div
-            v-if="showGiveNumbers && contact.did != activeDid"
-            class="ml-auto flex gap-1.5 mt-2"
-          >
+
+            <div v-if="showGiveNumbers && contact.did != activeDid" class="flex gap-2 items-center">
               <button
                 class="text-sm bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-1.5 rounded-l-md"
                 :title="givenToMeDescriptions[contact.did] || ''"
@@ -293,6 +294,7 @@
               </router-link>
             </div>
           </div>
+        </div>
       </li>
     </ul>
     <p v-else>There are no contacts.</p>