feat: move new task bar below completed

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