amadan
Admin: put the Create-invite input + button on one row (inline-form)
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2 files changed,
+13
−2
web/pages/admin.html+2 −2web/static/style.css+11 −0
diff --git a/web/pages/admin.html b/web/pages/admin.html| index aeffa54..85c6cda 100644 |
| --- a/web/pages/admin.html |
| +++ b/web/pages/admin.html |
| @@ -41,9 +41,9 @@ |
| <section> |
| <h2>Create an invite</h2> |
| - <form id="createForm" autocomplete="off"> |
| + <form id="createForm" class="inline-form" autocomplete="off"> |
| <input id="label" placeholder="Who's this for? (e.g. Sophie) — optional" maxlength="60" /> |
| - <div class="row"><button type="submit">Create invite link</button></div> |
| + <button type="submit">Create invite link</button> |
| </form> |
| </section> |
diff --git a/web/static/style.css b/web/static/style.css| index 920c169..50a06a2 100644 |
| --- a/web/static/style.css |
| +++ b/web/static/style.css |
| @@ -193,6 +193,17 @@ input:focus, textarea:focus { outline: 2px solid var(--accent); border-color: tr |
| overflow: auto; |
| } |
| +/* input + button on one row (e.g. Create invite) */ |
| +.inline-form { |
| + display: flex; |
| + gap: 10px; |
| + align-items: stretch; |
| +} |
| +.inline-form input { |
| + flex: 1; |
| + min-width: 0; |
| +} |
| + |
| .banner { |
| text-align: center; |
| font-size: 13px; |