From cbd4ba09aa197996c7255cafeab38017a8593c81 Mon Sep 17 00:00:00 2001
From: Stephan Kerkman <stephan@kerkman.io>
Date: Sat, 30 May 2026 21:30:44 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20revert=20auto-submit=20=E2=80=94=20keep?=
 =?UTF-8?q?=20visible=20file=20input,=20remove=20capture=20only?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/plants/partials/photo_gallery.html  | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/plants/templates/plants/partials/photo_gallery.html b/plants/templates/plants/partials/photo_gallery.html
index 0a41fee..b7f4e62 100644
--- a/plants/templates/plants/partials/photo_gallery.html
+++ b/plants/templates/plants/partials/photo_gallery.html
@@ -35,17 +35,12 @@
 
     <form method="post" action="{% url 'upload_photo' plant.pk %}" enctype="multipart/form-data"
           hx-post="{% url 'upload_photo' plant.pk %}" hx-target="#photo-gallery" hx-swap="outerHTML"
-          hx-encoding="multipart/form-data" hx-indicator="#photo-upload-spinner"
-          id="photo-upload-form">
+          hx-encoding="multipart/form-data" hx-indicator="#photo-upload-spinner">
         {% csrf_token %}
-        <input type="file" name="image" accept="image/*"
-               class="d-none" id="photo-file-input"
-               onchange="this.form.querySelector('#photo-upload-label').textContent = this.files[0]?.name ?? 'Add photo'; this.form.requestSubmit();">
-        <div class="d-flex gap-2 align-items-center">
-            <label for="photo-file-input" id="photo-upload-label"
-                   class="btn btn-sm btn-outline-secondary mb-0" style="cursor:pointer;">
-                Add photo
-            </label>
+        <div class="d-flex gap-2 align-items-center flex-wrap">
+            <input type="file" name="image" accept="image/*"
+                   class="form-control form-control-sm" style="max-width:220px;">
+            <button type="submit" class="btn btn-sm btn-outline-secondary">Upload</button>
             <span id="photo-upload-spinner" class="htmx-indicator text-muted small">Uploading…</span>
         </div>
     </form>