From 50c8e9be7944645b2c241478503eed8ab224d7c7 Mon Sep 17 00:00:00 2001
From: "Patrick Lehner (he/him)" <1099818+lehnerpat@users.noreply.github.com>
Date: Fri, 8 Aug 2025 00:47:21 +0900
Subject: [PATCH] feat: Move create-item button in shopping list to the top
 (#5687)

Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
---
 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 f7031f8e8..e32f068d3 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"