From fc1ee7c6f0a512e1cec7cd5541fe2a2aab100700 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 18 Feb 2025 20:01:04 +0200
Subject: [PATCH] feat(client/tasks): add a text box for adding a new task

---
 .../app/widgets/type_widgets/task_list.ts     | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/public/app/widgets/type_widgets/task_list.ts b/src/public/app/widgets/type_widgets/task_list.ts
index 41abe01e2..b3bb90da9 100644
--- a/src/public/app/widgets/type_widgets/task_list.ts
+++ b/src/public/app/widgets/type_widgets/task_list.ts
@@ -5,8 +5,28 @@ import TypeWidget from "./type_widget.js";
 
 const TPL = `
 <div class="note-detail-task-list note-detail-printable">
+
+    <header>
+        <input type="text" placeholder="Add a new task" class="add-new-task" />
+    </header>
+
     <div class="task-container">
     </div>
+
+    <style>
+        .note-detail-task-list {
+            padding: 10px;
+        }
+
+        .note-detail-task-list header {
+            margin-bottom: 1em;
+        }
+
+        .note-detail-task-list .add-new-task {
+            width: 100%;
+            padding: 0.25em 0.5em;
+        }
+    </style>
 </div>
 `;