From 2061a77ec48778d737ba58ba43c9f69a3e900977 Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Sun, 25 Jan 2026 10:30:20 +0100
Subject: [PATCH] Update import UI (#1481)

---
 .../Components/ImportServiceCard.razor        |  4 +--
 .../wwwroot/css/tailwind.css                  | 28 ++++++-------------
 2 files changed, 11 insertions(+), 21 deletions(-)

diff --git a/apps/server/AliasVault.Client/Main/Pages/Settings/ImportExport/Components/ImportServiceCard.razor b/apps/server/AliasVault.Client/Main/Pages/Settings/ImportExport/Components/ImportServiceCard.razor
index 5fcaaa41f..0f360fde3 100644
--- a/apps/server/AliasVault.Client/Main/Pages/Settings/ImportExport/Components/ImportServiceCard.razor
+++ b/apps/server/AliasVault.Client/Main/Pages/Settings/ImportExport/Components/ImportServiceCard.razor
@@ -130,13 +130,13 @@
                             @if (ImportedCredentials.Count > 0)
                             {
                                 <div class="mb-4 space-y-2">
-                                    <label class="inline-flex items-center">
+                                    <label class="flex items-center">
                                         <input type="checkbox" @bind="ExtractFavicons" class="form-checkbox h-4 w-4 text-primary-600 rounded border-gray-300 dark:border-gray-600 dark:bg-gray-700">
                                         <span class="ml-2 text-gray-700 dark:text-gray-300">Extract favicons for services with URLs</span>
                                     </label>
                                     @if (DetectedFolderCount > 0)
                                     {
-                                        <label class="inline-flex items-center">
+                                        <label class="flex items-center">
                                             <input type="checkbox" @bind="ImportFolders" class="form-checkbox h-4 w-4 text-primary-600 rounded border-gray-300 dark:border-gray-600 dark:bg-gray-700">
                                             <span class="ml-2 text-gray-700 dark:text-gray-300">@Localizer["ImportFoldersLabel"]</span>
                                             <span class="ml-2 text-sm text-gray-500 dark:text-gray-400">(@string.Format(Localizer["FoldersDetected"], DetectedFolderCount))</span>
diff --git a/apps/server/AliasVault.Client/wwwroot/css/tailwind.css b/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
index a586b5743..f2da53133 100644
--- a/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
+++ b/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
@@ -1149,6 +1149,10 @@ video {
   width: 0.5rem;
 }
 
+.w-2\.5 {
+  width: 0.625rem;
+}
+
 .w-20 {
   width: 5rem;
 }
@@ -1217,10 +1221,6 @@ video {
   width: 100vw;
 }
 
-.w-2\.5 {
-  width: 0.625rem;
-}
-
 .min-w-0 {
   min-width: 0px;
 }
@@ -2717,16 +2717,16 @@ video {
   border-color: rgb(251 146 60 / var(--tw-border-opacity));
 }
 
-.hover\:border-primary-500:hover {
-  --tw-border-opacity: 1;
-  border-color: rgb(244 149 65 / var(--tw-border-opacity));
-}
-
 .hover\:border-primary-400:hover {
   --tw-border-opacity: 1;
   border-color: rgb(246 167 82 / var(--tw-border-opacity));
 }
 
+.hover\:border-primary-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(244 149 65 / var(--tw-border-opacity));
+}
+
 .hover\:border-gray-300:hover {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -2882,11 +2882,6 @@ video {
   color: rgb(146 64 14 / var(--tw-text-opacity));
 }
 
-.hover\:text-blue-800:hover {
-  --tw-text-opacity: 1;
-  color: rgb(30 64 175 / var(--tw-text-opacity));
-}
-
 .hover\:text-gray-500:hover {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
@@ -3753,11 +3748,6 @@ video {
   color: rgb(253 230 138 / var(--tw-text-opacity));
 }
 
-.dark\:hover\:text-blue-200:hover:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(191 219 254 / var(--tw-text-opacity));
-}
-
 .dark\:hover\:text-gray-100:hover:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(243 244 246 / var(--tw-text-opacity));