From 13590aeeca0f102712dd336f53b6663f4deb3a70 Mon Sep 17 00:00:00 2001
From: McElwain <sean.mcelwain@outlook.com>
Date: Tue, 7 Apr 2026 12:53:14 -0500
Subject: [PATCH] ui: make document type save inline with input

---
 app/templates/documents/detail.html | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/templates/documents/detail.html b/app/templates/documents/detail.html
index d3f2e09..1127e5d 100644
--- a/app/templates/documents/detail.html
+++ b/app/templates/documents/detail.html
@@ -55,8 +55,8 @@
                 </div>
 
                 <form method="post" action="/documents/{{ document.document_id }}/save-document-type" style="margin-top: 1rem;">
-                    <div class="form-grid">
-                        <div class="form-field" style="position: relative;">
+                    <div style="display:flex; align-items:flex-end; gap:0.6rem; flex-wrap:wrap;">
+                        <div style="position:relative;">
                             <label for="document_type_input">Document type</label>
                             <input
                                 id="document_type_input"
@@ -65,12 +65,11 @@
                                 value="{{ document.document_type or '' }}"
                                 placeholder="receipt"
                                 autocomplete="off"
+                                style="min-width:160px; max-width:260px;"
                             >
                             <div id="document-type-suggestions" style="display:none; position:absolute; top:100%; left:0; right:0; z-index:20; background:#fff; border:1px solid #d7dce5; border-radius:12px; margin-top:0.35rem; max-height:220px; overflow-y:auto; box-shadow:0 10px 24px rgba(15,23,42,0.10);"></div>
                         </div>
-                    </div>
-                    <div class="button-row" style="margin-top: 0.75rem;">
-                        <button type="submit">Save document type</button>
+                        <button type="submit" style="height:38px;">Save</button>
                     </div>
                 </form>