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

@@ -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 {

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">