Show AddFieldMenu in both columns (#1404)

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>
         }

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">

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;
 }