From cf2f48c84c9f032b69fd37a3ef4165f620fc5f0d Mon Sep 17 00:00:00 2001
From: Klemek <klemek.dev@proton.me>
Date: Wed, 15 Jul 2026 15:04:32 +0200
Subject: [PATCH] feat: move new task bar below completed

---
 resources/ts/views/ListView.vue | 36 +++++++++++++++------------------
 1 file changed, 16 insertions(+), 20 deletions(-)

diff --git a/resources/ts/views/ListView.vue b/resources/ts/views/ListView.vue
index 8e0d222..73aa622 100644
--- a/resources/ts/views/ListView.vue
+++ b/resources/ts/views/ListView.vue
@@ -198,26 +198,6 @@ onBeforeRouteUpdate((to) => {
                 <span v-html="$t('all_completed_hint')"></span
             ></span>
         </li>
-        <li class="list-row">
-            <div class="list-col-grow">
-                <input
-                    v-model="taskInput"
-                    type="text"
-                    :placeholder="$t('new_task_hint')"
-                    class="input w-full"
-                    @keyup.enter="onNewTask"
-                />
-            </div>
-            <div>
-                <button
-                    class="btn btn-square"
-                    :disabled="loading || taskInput.trim().length === 0"
-                    @click="onNewTask"
-                >
-                    <circle-plus-icon />
-                </button>
-            </div>
-        </li>
     </ul>
     <div
         v-if="separateCompleted && hasCompleted"
@@ -247,6 +227,22 @@ onBeforeRouteUpdate((to) => {
             </ul>
         </div>
     </div>
+    <div class="flex gap-2 p-4">
+        <input
+            v-model="taskInput"
+            type="text"
+            :placeholder="$t('new_task_hint')"
+            class="input grow"
+            @keyup.enter="onNewTask"
+        />
+        <button
+            class="btn btn-square"
+            :disabled="loading || taskInput.trim().length === 0"
+            @click="onNewTask"
+        >
+            <circle-plus-icon />
+        </button>
+    </div>
     <div>
         <button class="btn btn-sm px-4" @click="onShare">
             <share-2-icon class="inline" :size="16" /> {{ $t('share_button') }}