전략편집기 복합지표 기능 반영

frontend/src/components/TradeOrderPanel.tsx

@@ -323,38 +323,41 @@ const TradeOrderPanel: React.FC<TradeOrderPanelProps> = ({
         </span>
       </div>
 
-      <div className="top-field">
-        <label className="top-label">{priceLabel} (KRW)</label>
-        <div className="top-input-group">
+      <div className="top-price-qty-block">
+        <div className="top-field top-field--price">
+          <label className="top-label">{priceLabel} (KRW)</label>
+          <div className="top-input-group">
+            <input
+              type="text"
+              className="top-input"
+              value={priceStr}
+              disabled={orderKind === 'market'}
+              onChange={handlePriceChange}
+              inputMode="numeric"
+              pattern="[0-9,]*"
+              autoComplete="off"
+            />
+            <button type="button" className="top-step" onClick={() => bumpPrice(-step)} disabled={orderKind === 'market'}>−</button>
+            <button type="button" className="top-step" onClick={() => bumpPrice(step)} disabled={orderKind === 'market'}>+</button>
+          </div>
+        </div>
+
+        <div className="top-field top-field--qty">
+          <label className="top-label">주문수량 ({code})</label>
           <input
             type="text"
-            className="top-input"
-            value={priceStr}
+            className="top-input top-input--full"
+            value={qtyStr}
             disabled={orderKind === 'market'}
-            onChange={handlePriceChange}
-            inputMode="numeric"
-            pattern="[0-9,]*"
+            onChange={handleQtyChange}
+            inputMode="decimal"
+            pattern="[0-9.]*"
             autoComplete="off"
+            placeholder="0"
           />
-          <button type="button" className="top-step" onClick={() => bumpPrice(-step)} disabled={orderKind === 'market'}>−</button>
-          <button type="button" className="top-step" onClick={() => bumpPrice(step)} disabled={orderKind === 'market'}>+</button>
         </div>
-      </div>
 
-      <div className="top-field">
-        <label className="top-label">주문수량 ({code})</label>
-        <input
-          type="text"
-          className="top-input top-input--full"
-          value={qtyStr}
-          disabled={orderKind === 'market'}
-          onChange={handleQtyChange}
-          inputMode="decimal"
-          pattern="[0-9.]*"
-          autoComplete="off"
-          placeholder="0"
-        />
-        <div className="top-pct-row">
+        <div className="top-pct-row top-pct-row--block">
           {PCT_BTNS.map(p => (
             <button
               key={p}