From ab804f4f99fd51d524a010b7fbc29f6178e5d00a Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Fri, 26 Dec 2025 00:15:41 +0100
Subject: [PATCH] Show AddFieldMenu in both columns (#1404)

---
 .../Main/Components/TotpCodes/TotpCodes.razor     |  2 +-
 .../Main/Pages/Items/AddEdit.razor                | 15 +++++++++++++++
 .../AliasVault.Client/wwwroot/css/tailwind.css    |  8 ++++++++
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/apps/server/AliasVault.Client/Main/Components/TotpCodes/TotpCodes.razor b/apps/server/AliasVault.Client/Main/Components/TotpCodes/TotpCodes.razor
index 51fe28c2b..4a1ef1c74 100644
--- a/apps/server/AliasVault.Client/Main/Components/TotpCodes/TotpCodes.razor
+++ b/apps/server/AliasVault.Client/Main/Components/TotpCodes/TotpCodes.razor
@@ -15,7 +15,7 @@
         {
             <div>
                 <button id="add-totp-code" @onclick="ShowAddForm" type="button" class="text-blue-700 hover:text-white border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-3 py-2 text-center dark:border-blue-500 dark:text-blue-500 dark:hover:text-white dark:hover:bg-blue-600 dark:focus:ring-blue-800">
-                    @Localizer["AddTotpCodeButton"]
+                    +
                 </button>
             </div>
         }
diff --git a/apps/server/AliasVault.Client/Main/Pages/Items/AddEdit.razor b/apps/server/AliasVault.Client/Main/Pages/Items/AddEdit.razor
index 6b56fedcc..dbb81a4d1 100644
--- a/apps/server/AliasVault.Client/Main/Pages/Items/AddEdit.razor
+++ b/apps/server/AliasVault.Client/Main/Pages/Items/AddEdit.razor
@@ -94,6 +94,21 @@ else
                         </RemovableSection>
                     </div>
                 }
+
+                @* Add Field Menu - Left column (visible only on lg screens when right column is also shown) *@
+                <div class="hidden lg:block mb-4">
+                    <AddFieldMenu
+                        OptionalSystemFields="@GetOptionalSystemFields()"
+                        VisibleFieldKeys="@GetVisibleFieldKeys()"
+                        Show2FA="@Show2FA"
+                        ShowAttachments="@ShowAttachments"
+                        HasLoginFields="@HasLoginFields()"
+                        CustomFieldCount="@Obj.GetCustomFields().Count"
+                        OnAddSystemField="AddOptionalField"
+                        OnAddCustomField="AddCustomField"
+                        OnAdd2FA="Add2FASection"
+                        OnAddAttachments="AddAttachmentsSection" />
+                </div>
             </div>
 
             <div class="col-span-1 md:col-span-1 lg:col-span-2">
diff --git a/apps/server/AliasVault.Client/wwwroot/css/tailwind.css b/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
index 86853339d..990ce389a 100644
--- a/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
+++ b/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
@@ -624,6 +624,10 @@ video {
   position: relative;
 }
 
+.sticky {
+  position: sticky;
+}
+
 .inset-0 {
   inset: 0px;
 }
@@ -726,6 +730,10 @@ video {
   z-index: 20;
 }
 
+.z-40 {
+  z-index: 40;
+}
+
 .col-span-1 {
   grid-column: span 1 / span 1;
 }