From f111384fcfe496f6c45df4f7482e1493e2d621e3 Mon Sep 17 00:00:00 2001
From: Dan LaManna <dan.lamanna@kitware.com>
Date: Tue, 2 Dec 2025 11:46:25 -0500
Subject: [PATCH] Improve the layout of the single accession upload form

---
 .../templates/ingest/upload_accession.html    | 66 ++++++++++---------
 1 file changed, 34 insertions(+), 32 deletions(-)

diff --git a/isic/ingest/templates/ingest/upload_accession.html b/isic/ingest/templates/ingest/upload_accession.html
index 36064058..ccbccccc 100644
--- a/isic/ingest/templates/ingest/upload_accession.html
+++ b/isic/ingest/templates/ingest/upload_accession.html
@@ -2,41 +2,43 @@
 
 {% block content %}
 
-    <div class="heading-1">Upload to {{ cohort.name }}</div>
+    <div class="max-w-lg">
+        <div class="heading-1">Upload to {{ cohort.name }}</div>
 
-    {{ form.media }}
-    <form method="post">
-        {% csrf_token %}
+        {{ form.media }}
+        <form method="post">
+            {% csrf_token %}
 
-        <div class="my-4">
-            {{ form.original_blob.errors }}
-            {{ form.original_blob.label }}
-            {{ form.original_blob }}
-        </div>
+            <div class="my-4">
+                {{ form.original_blob.errors }}
+                <label class="block text-sm font-medium text-gray-700 mb-1">{{ form.original_blob.label }}</label>
+                {{ form.original_blob }}
+            </div>
 
-        <div class="divider"></div>
+            <div class="divider"></div>
 
-        {% for field in form %}
-            {% if field.name != 'original_blob' %}
-                <div class="mb-4">
-                    {{ field.errors }}
-                    {{ field.label }}
-                    {% if field.name == 'age' %}
-                        {{ field }}
-                    {% else %}
-                        <select class="select select-bordered w-full max-w-xs" name="{{ field.name }}">
-                            <option disabled selected>Optional</option>
-                            {% for choice in field.field.choices %}
-                                <option value="{{ choice.0 }}" {% if field.value == choice.0 %}selected="selected"{% endif %}>
-                                    {{ choice.1 }}
-                                </option>
-                            {% endfor %}
-                        </select>
-                    {% endif %}
-                </div>
-            {% endif %}
-        {% endfor %}
+            {% for field in form %}
+                {% if field.name != 'original_blob' %}
+                    <div class="mb-4">
+                        {{ field.errors }}
+                        <label class="block text-sm font-medium text-gray-700 mb-1">{{ field.label }}</label>
+                        {% if field.name == 'age' %}
+                            <input type="number" name="{{ field.name }}" value="{{ field.value|default:'' }}" class="input input-bordered w-full">
+                        {% else %}
+                            <select class="select select-bordered w-full" name="{{ field.name }}">
+                                <option disabled selected>Optional</option>
+                                {% for choice in field.field.choices %}
+                                    <option value="{{ choice.0 }}" {% if field.value == choice.0 %}selected="selected"{% endif %}>
+                                        {{ choice.1 }}
+                                    </option>
+                                {% endfor %}
+                            </select>
+                        {% endif %}
+                    </div>
+                {% endif %}
+            {% endfor %}
 
-        <button type="submit" class="btn btn-primary">Upload</button>
-    </form>
+            <button type="submit" class="btn btn-primary w-full sm:w-auto">Upload</button>
+        </form>
+    </div>
 {% endblock %}