From 8c02fe30d764042d636cd887650a09c9890f4103 Mon Sep 17 00:00:00 2001
From: parththakkar106 <f20200088@pilani.bits-pilani.ac.in>
Date: Tue, 21 Jul 2026 17:40:22 +0530
Subject: [PATCH] Fix stat kind dropdown sizing to match number inputs

The new kind <select> fell through to the generic input/select CSS
rule instead of the compact .se-num sizing, making it visually
inconsistent with the min/max/initial number boxes next to it.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/src/SchemaEditor.jsx | 2 +-
 frontend/src/index.css        | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/SchemaEditor.jsx b/frontend/src/SchemaEditor.jsx
index 71c1a13..fad06d2 100644
--- a/frontend/src/SchemaEditor.jsx
+++ b/frontend/src/SchemaEditor.jsx
@@ -86,7 +86,7 @@ function StatEditor({ statKey, def, onRenameKey, onChange, onRemove }) {
           </>
         )}
         <Num label="cooldown" value={def.cooldown} onChange={(v) => set('cooldown', v)} />
-        <label className="se-num">
+        <label className="se-num se-kind">
           <span>kind</span>
           <select value={isText ? 'text' : (def.type === 'counter' ? 'counter' : 'number')}
             onChange={(e) => setType(e.target.value === 'number' ? undefined : e.target.value)}>
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 71e6e0d..9efa933 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -781,7 +781,8 @@ button:disabled { opacity: 0.45; cursor: default; transform: none; box-shadow: n
 }
 .se-num { display: flex; flex-direction: column; gap: 2px; }
 .se-num span { font-size: 0.7rem; color: var(--text-dim); }
-.se-num input { width: 72px; padding: 3px 6px; font-size: 0.82rem; }
+.se-num input, .se-num select { width: 72px; padding: 3px 6px; font-size: 0.82rem; border-radius: 6px; }
+.se-kind select { width: 118px; }
 .se-check {
   display: flex; align-items: center; gap: 5px;
   font-size: 0.8rem; color: var(--text-dim);