From b9d9de2fc35f0564740f1b223ff6b9df64020564 Mon Sep 17 00:00:00 2001
From: Zichao Lin <earthjasonlin@163.com>
Date: Mon, 6 Jul 2026 08:32:36 +0800
Subject: [PATCH] fix(admin-invites): create form conditional fields inline
 with nowrap labels, match input styling

---
 app/templates/admin_invites.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/templates/admin_invites.html b/app/templates/admin_invites.html
index f477233..ab625d4 100644
--- a/app/templates/admin_invites.html
+++ b/app/templates/admin_invites.html
@@ -28,12 +28,12 @@
                 <option value="expires">有效期</option>
             </select>
         </div>
-        <div id="max_uses_field" style="display:none">
-            <label style="margin-top:0">使用次数</label>
-            <input type="number" name="max_uses" min="1" value="1">
+        <div id="max_uses_field" style="display:none;align-items:center;gap:.5rem">
+            <label style="margin:0;white-space:nowrap">使用次数</label>
+            <input type="number" name="max_uses" min="1" value="1" style="width:6rem">
         </div>
-        <div id="expires_field" style="display:none">
-            <label style="margin-top:0">过期时间</label>
+        <div id="expires_field" style="display:none;align-items:center;gap:.5rem">
+            <label style="margin:0;white-space:nowrap">过期时间</label>
             <input type="datetime-local" name="expires_at">
         </div>
         <div class="form-actions">
@@ -97,8 +97,8 @@
 <script>
 function toggleLimitFields() {
     var t = document.getElementById('limit_type').value;
-    document.getElementById('max_uses_field').style.display = t === 'uses' ? 'flex' : 'none';
-    document.getElementById('expires_field').style.display = t === 'expires' ? 'flex' : 'none';
+    document.getElementById('max_uses_field').style.display = t === 'uses' ? 'inline-flex' : 'none';
+    document.getElementById('expires_field').style.display = t === 'expires' ? 'inline-flex' : 'none';
 }
 function toggleEditFields(id, val) {
     var form = document.getElementById('edit-form-' + id);