ui: make document type save inline with input

This commit is contained in:
Sean McElwain 2026-04-07 12:53:14 -05:00
parent f1df9c29bb
commit 13590aeeca
1 changed files with 4 additions and 5 deletions

View File

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