From b060ba6bf83c645c541dce37529d4c51d7a9e317 Mon Sep 17 00:00:00 2001
From: Yuyao Huang <huangyuyao@outlook.com>
Date: Fri, 8 May 2026 16:04:12 +0800
Subject: [PATCH] Fix layout: move create button to header, increase
 description area height

- Move '+ Create Task' button into tasks-header to avoid breaking scroll/edit height alignment
- Increase edit-task description textarea from rows=3 to rows=6
- Remove unused .create-task-container and #create-task-btn CSS rules
---
 static/css/tasks.css | 8 --------
 templates/tasks.html | 7 ++-----
 2 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/static/css/tasks.css b/static/css/tasks.css
index 065b157..380edb2 100644
--- a/static/css/tasks.css
+++ b/static/css/tasks.css
@@ -198,10 +198,6 @@
     margin-top: 1rem;
 }
 
-#create-task-btn {
-    margin-top: 1rem;
-}
-
 @media (orientation: portrait), (max-width: 1023px) {
     .side-panel {
         position: fixed;
@@ -272,10 +268,6 @@
     .side-panel-close {
         display: none;
     }
-
-    .create-task-container {
-        flex-shrink: 0;
-    }
 }
 
 .empty-state {
diff --git a/templates/tasks.html b/templates/tasks.html
index dd45103..b2e1624 100644
--- a/templates/tasks.html
+++ b/templates/tasks.html
@@ -14,6 +14,7 @@
             <label for="goal-selector">Select Goal:</label>
             <select id="goal-selector"></select>
         </div>
+        <button id="create-task-btn" class="btn-success">+ Create Task</button>
     </div>
 
     <div class="tasks-main">
@@ -35,7 +36,7 @@
                 </div>
                 <div class="form-group">
                     <label for="edit-task-desc">Description</label>
-                    <textarea id="edit-task-desc" rows="3"></textarea>
+                    <textarea id="edit-task-desc" rows="12"></textarea>
                 </div>
                 <div class="form-group">
                     <label for="edit-task-status">Status</label>
@@ -54,10 +55,6 @@
             </div>
         </div>
     </div>
-
-    <div class="create-task-container">
-        <button id="create-task-btn" class="btn-success">+ Create Task</button>
-    </div>
 </div>
 
 <div id="task-modal" class="modal">