From af49e4b5e65f54ca1bb0081f0dc3c8deab9d37f2 Mon Sep 17 00:00:00 2001
From: Patrick Lehner <patrick@lehnerpat.com>
Date: Sat, 12 Jul 2025 06:03:38 +0000
Subject: [PATCH] improvement: Move create-item button in shopping list to the
 top

---
 frontend/pages/shopping-lists/[id].vue | 47 +++++++++++++-------------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/frontend/pages/shopping-lists/[id].vue b/frontend/pages/shopping-lists/[id].vue
index 8188e7326..a4c348240 100644
--- a/frontend/pages/shopping-lists/[id].vue
+++ b/frontend/pages/shopping-lists/[id].vue
@@ -136,6 +136,30 @@
       v-if="!edit"
       class="py-2"
     >
+      <!-- Create Item -->
+      <div v-if="createEditorOpen">
+        <ShoppingListItemEditor
+          v-model="createListItemData"
+          class="my-4"
+          :labels="allLabels || []"
+          :units="allUnits || []"
+          :foods="allFoods || []"
+          :allow-delete="false"
+          @delete="createEditorOpen = false"
+          @cancel="createEditorOpen = false"
+          @save="createListItem"
+        />
+      </div>
+      <div v-else class="d-flex justify-end">
+        <BaseButton
+          create
+          @click="createEditorOpen = true"
+        >
+          {{ $t('general.add') }}
+        </BaseButton>
+      </div>
+
+      <!-- View without Label grouping -->
       <div v-if="!preferences.viewByLabel">
         <VueDraggable
           v-model="listItems.unchecked"
@@ -222,29 +246,6 @@
         </div>
       </div>
 
-      <!-- Create Item -->
-      <div v-if="createEditorOpen">
-        <ShoppingListItemEditor
-          v-model="createListItemData"
-          class="my-4"
-          :labels="allLabels || []"
-          :units="allUnits || []"
-          :foods="allFoods || []"
-          :allow-delete="false"
-          @delete="createEditorOpen = false"
-          @cancel="createEditorOpen = false"
-          @save="createListItem"
-        />
-      </div>
-      <div v-else class="d-flex justify-end">
-        <BaseButton
-          create
-          @click="createEditorOpen = true"
-        >
-          {{ $t('general.add') }}
-        </BaseButton>
-      </div>
-
       <!-- Reorder Labels -->
       <BaseDialog
         v-model="reorderLabelsDialog"