From f36ecfd8db1c744f1729cf151b591bfc48c0c494 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Fri, 17 Nov 2023 13:54:32 -0700
Subject: [PATCH] misc look-and-feel tweaks

---
 src/views/AccountViewView.vue    |  4 ++--
 src/views/ContactAmountsView.vue | 14 +++++++++-----
 src/views/ContactsView.vue       |  2 +-
 src/views/TestView.vue           |  6 +++---
 4 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/views/AccountViewView.vue b/src/views/AccountViewView.vue
index f222fc3c..a04dae87 100644
--- a/src/views/AccountViewView.vue
+++ b/src/views/AccountViewView.vue
@@ -655,11 +655,11 @@ export default class AccountViewView extends Vue {
     this.$notify(
       {
         group: "alert",
-        type: "toast",
+        type: "success",
         title: "Download Started",
         text: "See your downloads directory for the backup.",
       },
-      5000,
+      -1,
     );
   }
 
diff --git a/src/views/ContactAmountsView.vue b/src/views/ContactAmountsView.vue
index 385a2851..34aa8f32 100644
--- a/src/views/ContactAmountsView.vue
+++ b/src/views/ContactAmountsView.vue
@@ -2,8 +2,11 @@
   <QuickNav selected="Contacts"></QuickNav>
   <section id="Content" class="p-6 pb-24">
     <!-- Breadcrumb -->
-    <div id="ViewBreadcrumb" class="mb-8">
-      <h1 class="text-lg text-center font-light relative px-7">
+    <div class="mb-8">
+      <h1
+        id="ViewBreadcrumb"
+        class="text-lg text-center font-light relative px-7"
+      >
         <!-- Back -->
         <router-link
           :to="{ name: 'contacts' }"
@@ -11,11 +14,12 @@
           ><fa icon="chevron-left" class="fa-fw"></fa
         ></router-link>
       </h1>
+
+      <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4">
+        Given with {{ contact?.name }}
+      </h1>
     </div>
 
-    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
-      Given with {{ contact?.name }}
-    </h1>
     <div class="flex justify-around">
       <span />
       <span class="justify-around">(Only 50 most recent)</span>
diff --git a/src/views/ContactsView.vue b/src/views/ContactsView.vue
index fc3d33f1..39ec0577 100644
--- a/src/views/ContactsView.vue
+++ b/src/views/ContactsView.vue
@@ -218,7 +218,7 @@
         </div>
       </li>
     </ul>
-    <p v-else>This identity has no contacts.</p>
+    <p v-else>There are no contacts.</p>
 
     <div v-if="contactEdit !== null" class="dialog-overlay">
       <div class="dialog">
diff --git a/src/views/TestView.vue b/src/views/TestView.vue
index 10a49733..d6bc860f 100644
--- a/src/views/TestView.vue
+++ b/src/views/TestView.vue
@@ -16,14 +16,14 @@
             {
               group: 'alert',
               type: 'toast',
-              text: 'I\'m a toast. Don\'t mind me.',
+              text: 'I\'m a toast. Without a timeout, I\'m stuck.',
             },
             5000,
           )
         "
-        class="font-bold uppercase bg-slate-400 text-white px-3 py-2 rounded-md mr-2"
+        class="font-bold uppercase bg-slate-900 text-white px-3 py-2 rounded-md mr-2"
       >
-        Toast (self-dismiss)
+        Toast
       </button>
 
       <button