fix(B05·B06): 유리 단추 · [적용] 높이를 단에 맞춤 — 아이콘만 든 유리 단추 그림 감쌈 · 배수 제안 머리 단추 안 눌림 (PLAN 553-8 ②)

- 되돌리기 · 다시하기 · 회전 아이콘을 .ui-btn__icon 으로 싸서 냄: B05 도구줄 32 → 34 · 종단 도구줄 18 → 22 가 단 그대로 32 · 18
- 배수 제안 머리 줄 [적용] · [넣기] · [닫기] flex none · nowrap: 제목이 길면 두 줄로 눌려 22 → 34 가 22 그대로
- 시험 test_553_8_glass_height 새

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

B05_Profile/B05_Profile_UI_RouteEdit_Chrome.ts

@@ -27,23 +27,23 @@ import { bottomRowNarrow, infoLiftPx } from "./logic/B05_Profile_RouteEdit_InfoL
 /** 회전 단추 아이콘 — **반만 도는 화살표**(2026-09-12 사용자 지시 ㉙). 한 바퀴를 다 그린
  *  기호(`↺`·`↻`)는 「한 바퀴 돈다」로 읽혀 한 칸씩 도는 동작과 안 맞았다. */
 export const HALF_TURN_ICON = {
-  ccw: `<svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" fill="none"
+  ccw: `<span class="ui-btn__icon"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" fill="none"
     stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
-    <path d="M13 8a5 5 0 0 0-10 0" /><path d="M3 8 1.2 5.6" /><path d="M3 8 5.4 6.6" /></svg>`,
-  cw: `<svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" fill="none"
+    <path d="M13 8a5 5 0 0 0-10 0" /><path d="M3 8 1.2 5.6" /><path d="M3 8 5.4 6.6" /></svg></span>`,
+  cw: `<span class="ui-btn__icon"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" fill="none"
     stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
-    <path d="M3 8a5 5 0 0 1 10 0" /><path d="M13 8 14.8 5.6" /><path d="M13 8 10.6 6.6" /></svg>`,
+    <path d="M3 8a5 5 0 0 1 10 0" /><path d="M13 8 14.8 5.6" /><path d="M13 8 10.6 6.6" /></svg></span>`,
 };
 
 /** 되돌리기 · 다시하기 아이콘 — **곧은 꼬리 + 갈고리**(↩ ↪ · 요구 241-9). 둥근 화살표(`↶`·`↷`)는
  *  회전 단추와 헷갈렸다. 종단 도구줄도 같은 그림. */
 export const HISTORY_ICON = {
-  undo: `<svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" fill="none"
+  undo: `<span class="ui-btn__icon"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" fill="none"
     stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
-    <path d="M3 6h7.5a3.5 3.5 0 0 1 0 7H7" /><path d="M6 3 3 6l3 3" /></svg>`,
-  redo: `<svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" fill="none"
+    <path d="M3 6h7.5a3.5 3.5 0 0 1 0 7H7" /><path d="M6 3 3 6l3 3" /></svg></span>`,
+  redo: `<span class="ui-btn__icon"><svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" fill="none"
     stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
-    <path d="M13 6H5.5a3.5 3.5 0 0 0 0 7H9" /><path d="M10 3l3 3-3 3" /></svg>`,
+    <path d="M13 6H5.5a3.5 3.5 0 0 0 0 7H9" /><path d="M10 3l3 3-3 3" /></svg></span>`,
 };
 
 export interface RouteEditChrome {

B05_Profile/B05_Profile_UI_Style_Drainage.css

@@ -254,6 +254,12 @@
   justify-content: space-between;
 }
 
+/* 제목이 길어도 단추가 눌려 두 줄(34)이 되지 않게 — 단 22 그대로 */
+.b05-drainage__suggest-head > .ui-btn {
+  flex: none;
+  white-space: nowrap;
+}
+
 .b05-drainage__suggest-list {
   max-height: 6em;
   margin: var(--spacing-8) 0 0;

resources/tester/test_553_8_glass_height.py

@@ -0,0 +1,30 @@
+"""553-8 ② B05 · B06 유리 단추 · [적용] 높이 = 단 지킴 시험 — 화면 실측은 Playwright(자기 tmp).
+
+① 아이콘만 든 유리 단추의 그림은 `.ui-btn__icon` 으로 싸서 냄(맨 svg 는 단 높이를 밀어 32 → 34 · 18 → 22)
+② 배수 제안 머리 줄 단추는 눌리지 않음(두 줄 되면 22 → 34)
+"""
+
+from __future__ import annotations
+
+import re
+from pathlib import Path
+
+B05 = Path(__file__).resolve().parents[2] / "B05_Profile"
+
+
+def test_아이콘_단추_그림은_부품_아이콘으로_쌈():
+    src = (B05 / "B05_Profile_UI_RouteEdit_Chrome.ts").read_text(encoding="utf-8")
+    block = re.search(
+        r"export const HALF_TURN_ICON = \{.*?\n\};\n.*?export const HISTORY_ICON = \{.*?\n\};",
+        src,
+        re.S,
+    ).group(0)
+    assert block.count("<svg") == 4
+    assert block.count('<span class="ui-btn__icon"><svg') == 4
+
+
+def test_배수_제안_머리_단추_안_눌림():
+    css = (B05 / "B05_Profile_UI_Style_Drainage.css").read_text(encoding="utf-8")
+    rule = re.search(r"\.b05-drainage__suggest-head > \.ui-btn \{([^}]*)\}", css).group(1)
+    assert "flex: none;" in rule
+    assert "white-space: nowrap;" in rule