From 731605e244f49060715a026e717015ca7688a783 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Thu, 19 Jun 2025 18:55:07 -0600
Subject: [PATCH] IndexedDB migration: add a blurb about backing up, and move
 around messaging

---
 src/views/DatabaseMigration.vue | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/views/DatabaseMigration.vue b/src/views/DatabaseMigration.vue
index bfd3caed..99dc37c2 100644
--- a/src/views/DatabaseMigration.vue
+++ b/src/views/DatabaseMigration.vue
@@ -8,15 +8,10 @@
           Compare and migrate data between Dexie (IndexedDB) and SQLite
           databases
         </p>
-      </div>
-
-      <div class="mt-4">
-        <a
-          class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
-          href="/"
-        >
-          Take me back to the home page
-        </a>
+        <p class="mt-2 text-gray-600">
+          First, we recommend you hit these first two buttons to get your backups, just in case!
+          If anything doesn't look right when you're done, Trent will help with... anything and everything. 😁
+        </p>
       </div>
 
       <!-- Migration Options -->
@@ -276,10 +271,19 @@
         </button>
       </div>
 
+      <div class="mt-4">
+        <a
+          class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
+          href="/"
+        >
+          Take me back to the home page
+        </a>
+      </div>
+
       <!-- Migration Information -->
       <div
         v-if="comparison"
-        class="mb-6 bg-blue-50 border border-blue-200 rounded-lg p-4"
+        class="mt-2 mb-6 bg-blue-50 border border-blue-200 rounded-lg p-4"
       >
         <div class="flex">
           <div class="flex-shrink-0">