increase work log input size

public/css/style.css

@@ -198,6 +198,15 @@ button.danger {
   margin-top: 1rem;
 }
 
+.work-log-form {
+  align-items: flex-end;
+}
+
+.work-log-form textarea {
+  flex: 1 1 100%;
+  resize: vertical;
+}
+
 .search-form {
   display: flex;
   gap: 0.5rem;

src/views/orders/detail.njk

@@ -66,19 +66,19 @@
   </section>
 
   <section class="card">
-    <h2>Work Log</h2>
+    <h2>Internal Work Log</h2>
     <ul id="work-log-list" class="work-log-list">
       {% for entry in order.workLog %}
         {% include "orders/_work_log_item.njk" %}
       {% endfor %}
     </ul>
 
-    <form class="inline-form"
+    <form class="inline-form work-log-form"
           hx-post="/orders/{{ order.id }}/work-log"
           hx-target="#work-log-list"
           hx-swap="afterbegin"
           hx-on::after-request="this.reset()">
-      <input type="text" name="note" placeholder="Add a note…" required>
+      <textarea name="note" placeholder="Add a note…" rows="4" required></textarea>
       <button type="submit">Add Note</button>
     </form>
   </section>