diff --git a/app/static/style.css b/app/static/style.css index 3bd2567..da07c08 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -130,7 +130,7 @@ code { background: var(--bg); padding: .15rem .4rem; border-radius: 4px; font-si .detail-img { width: 100%; max-width: 400px; border-radius: 8px; border: 1px solid var(--border); } .detail-img.placeholder { display: flex; align-items: center; justify-content: center; height: 200px; background: var(--bg); color: var(--text-muted); font-size: .95rem; } .upload-form { margin-top: .5rem; display: flex; gap: .5rem; align-items: center; } -.upload-form input[type="file"] { font-size: .85rem; min-width: 0; max-width: 260px; } +.upload-form input[type="file"] { font-size: .85rem; min-width: 0; flex: 1; } .upload-form .btn { white-space: nowrap; flex-shrink: 0; } .detail-meta dl { display: grid; grid-template-columns: auto 1fr; gap: .3rem 1rem; } .detail-meta dt { font-weight: 600; font-size: .85rem; color: var(--text-muted); } diff --git a/app/templates/postcard_form.html b/app/templates/postcard_form.html index 93255dc..41a021a 100644 --- a/app/templates/postcard_form.html +++ b/app/templates/postcard_form.html @@ -17,11 +17,11 @@
- + - + - +
@@ -43,6 +43,9 @@ function toggleFields() { var s = document.getElementById('status-select').value; var sd = document.getElementById('fields-sent-delivered'); var rc = document.getElementById('fields-received'); + var recipient = document.getElementById('input-recipient'); + var country = document.getElementById('input-country'); + var sendTime = document.getElementById('input-send-time'); var arrival = document.getElementById('input-arrival'); var labelArrival = document.getElementById('label-arrival'); var sender = document.getElementById('input-sender'); @@ -50,12 +53,18 @@ function toggleFields() { if (s === 'received') { sd.style.display = 'none'; rc.style.display = ''; + recipient.required = false; + country.required = false; + sendTime.required = false; + arrival.required = false; sender.required = true; receive.required = true; - arrival.required = false; } else { sd.style.display = ''; rc.style.display = 'none'; + recipient.required = true; + country.required = true; + sendTime.required = true; sender.required = false; receive.required = false; if (s === 'delivered') {