From 135403291468b5a9e1349d7967bb2e9fd092659f Mon Sep 17 00:00:00 2001
From: Zichao Lin <earthjasonlin@163.com>
Date: Mon, 6 Jul 2026 08:18:51 +0800
Subject: [PATCH] fix(admin-invites): add margin-top to create button, align
 save/delete buttons bottom with select via invisible label

---
 app/static/style.css             |  2 +-
 app/templates/admin_invites.html | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/static/style.css b/app/static/style.css
index 0bf7066..b5c36d7 100644
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -296,7 +296,7 @@ code { background: var(--bg); padding: .15rem .4rem; border-radius: 4px; font-si
 .aif-input:focus, .aif-select:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37,99,235,.1); }
 .aif-short { width: 80px; }
 .aif-date { width: 180px; }
-.aif-btn-wrap { flex-direction: row; align-items: flex-end; gap: .4rem; padding-bottom: 1px; }
+.aif-btn-wrap { flex-direction: row; align-items: center; gap: .4rem; }
 .aif-btn { height: 2rem; }
 .aif-edit-num, .aif-edit-date { flex-direction: row; align-items: center; gap: .35rem; }
 .aif-edit-num .aif-input, .aif-edit-date .aif-input { width: 80px; flex: none; }
diff --git a/app/templates/admin_invites.html b/app/templates/admin_invites.html
index fab81aa..33383ea 100644
--- a/app/templates/admin_invites.html
+++ b/app/templates/admin_invites.html
@@ -15,7 +15,7 @@
 <!-- Add new code -->
 <div style="margin-bottom:2rem;padding:1.5rem;background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border)">
     <h3 style="margin-bottom:1rem;font-size:1rem">创建邀请码</h3>
-    <form method="post" action="/admin/invites/add" class="admin-invite-form" style="flex-direction:column;gap:1.1rem">
+    <form method="post" action="/admin/invites/add" class="admin-invite-form" style="flex-direction:column;gap:.85rem">
         <div class="aif-row">
             <label class="aif-label">邀请码（留空自动生成）</label>
             <input type="text" name="code" maxlength="8" placeholder="自动生成" class="aif-input" style="text-transform:uppercase">
@@ -36,7 +36,7 @@
             <label class="aif-label">过期时间</label>
             <input type="datetime-local" name="expires_at" class="aif-input">
         </div>
-        <div class="aif-row">
+        <div class="aif-row" style="margin-top:.35rem">
             <button type="submit" class="btn btn-primary" style="width:fit-content">创建</button>
         </div>
     </form>
@@ -77,8 +77,11 @@
                 <input type="datetime-local" name="expires_at" value="{{ c.expires_at.strftime('%Y-%m-%dT%H:%M') if c.expires_at else '' }}" class="aif-input aif-date">
             </div>
             <div class="aif-field aif-btn-wrap">
-                <button type="submit" class="btn btn-sm">保存</button>
-                <button type="button" class="btn btn-danger btn-sm" onclick="if(confirm('确定删除？'))this.closest('form').nextElementSibling.submit()">删除</button>
+                <span class="aif-label" style="visibility:hidden">.</span>
+                <div style="display:flex;gap:.4rem">
+                    <button type="submit" class="btn btn-sm">保存</button>
+                    <button type="button" class="btn btn-danger btn-sm" onclick="if(confirm('确定删除？'))this.closest('form').nextElementSibling.submit()">删除</button>
+                </div>
             </div>
         </form>
         <form method="post" action="/admin/invites/{{ c.id }}/delete" style="display:none"></form>