From 5393ea4720f465461cf66b955551ad48abb55ee3 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Sat, 29 Aug 2026 16:17:50 +0900
Subject: [PATCH] =?UTF-8?q?fix(B05):=20=EB=9D=BC=EB=B2=A8=EC=9D=B4=20?=
 =?UTF-8?q?=EC=8A=A4=ED=85=9D=20=EF=BC=8D=20=EB=B2=84=ED=8A=BC=EC=9D=84=20?=
 =?UTF-8?q?=EC=A7=91=EB=8D=98=20=EB=AC=B8=EC=A0=9C=EC=99=80=20=EB=9D=BC?=
 =?UTF-8?q?=EB=B2=A8=20=EA=B0=84=EA=B2=A9=EC=9D=84=20=ED=95=A8=EA=BB=98=20?=
 =?UTF-8?q?=EC=A0=95=EB=A6=AC=ED=95=9C=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- <label>이 [－][입력][＋] 묶음을 감싸면 암묵 대상이 **첫 버튼(－)**이 된다.
  입력에 id를 붙이고 label.htmlFor로 명시 연결해 라벨·입력 위 커서가 －를
  활성화하거나 라벨 클릭이 값을 줄이던 동작을 없앴다(2026-08-29 사용자 보고).
- 제목(라벨)과 항목 간격도 --b05-label-gap(2px) 한 변수로 묶고 라벨 글자를
  caption 크기로 맞췄다. 측점 행은 가로 배치라 열 간격 6px 유지.

검증: label.control=INPUT, 라벨 클릭 후 값 10 불변, 커서 올려도 － 배경 투명.
시설·이식·메모·구조물군 라벨 간격 모두 2px·라벨 높이 14px.
---
 ...B05_Profile_UI_Drainage_Facility_Fields.ts | 11 +++++++++
 .../B05_Profile_UI_Style_Structures.css       | 23 +++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/B05_Profile/B05_Profile_UI_Drainage_Facility_Fields.ts b/B05_Profile/B05_Profile_UI_Drainage_Facility_Fields.ts
index 278c5860..c330d03c 100644
--- a/B05_Profile/B05_Profile_UI_Drainage_Facility_Fields.ts
+++ b/B05_Profile/B05_Profile_UI_Drainage_Facility_Fields.ts
@@ -60,6 +60,10 @@ export function labeled(text: string, input: HTMLElement): HTMLLabelElement {
   const caption = document.createElement("span");
   caption.textContent = text;
   wrapper.append(caption, input);
+  // 묶음(스텝 등)을 담으면 라벨의 암묵 대상이 첫 버튼이 된다 — 안쪽 입력을 명시로
+  // 가리켜 라벨 hover·클릭이 버튼으로 새지 않게 한다(2026-08-29 사용자 보고).
+  const inner = input.querySelector?.("input, select, textarea") as HTMLElement | null;
+  if (inner?.id) wrapper.htmlFor = inner.id;
   return wrapper;
 }
 
@@ -77,9 +81,16 @@ export function numberInput(step: string, min = "0", placeholder = ""): HTMLInpu
  * 고칠 수 있게 한다. 래퍼 여백은 0이라 기존 격자 레이아웃을 흔들지 않는다.
  * 버튼은 값을 고친 뒤 input·change를 모두 울려 기존 리스너(연동·저장)가 그대로 탄다.
  */
+/** 스텝 묶음 입력에 붙일 일련번호 — 라벨이 가리킬 대상을 명시하는 데 쓴다. */
+let stepperSeq = 0;
+
 export function stepper(input: HTMLInputElement, stepM: number): HTMLElement {
   const wrap = document.createElement("div");
   wrap.className = "b05-structure__stepper";
+  // 라벨이 이 입력을 가리키게 id를 붙인다. 없으면 <label>의 암묵 대상이 묶음의
+  // **첫 버튼(－)**이 되어, 라벨·입력 위에 커서만 올려도 － 버튼이 눌린 것처럼
+  // 보이고 라벨을 누르면 값이 줄어든다(2026-08-29 사용자 보고).
+  if (!input.id) input.id = `b05-step-${(stepperSeq += 1)}`;
   const nudge = (delta: number) => (): void => {
     const current = Number.parseFloat(input.value);
     const min = Number.parseFloat(input.min);
diff --git a/B05_Profile/B05_Profile_UI_Style_Structures.css b/B05_Profile/B05_Profile_UI_Style_Structures.css
index c54d2a9d..c72529a9 100644
--- a/B05_Profile/B05_Profile_UI_Style_Structures.css
+++ b/B05_Profile/B05_Profile_UI_Style_Structures.css
@@ -366,3 +366,26 @@
 .b05-structure__adjust-slot .b06-structure-panel__hval {
   height: 100%;
 }
+
+/* 제목(라벨)과 항목 사이 간격도 한 변수로 묶는다(2026-08-29 사용자 지시) — 기준은
+   조정창에서 옮겨 온 행(2px·작은 글자). 측점 행은 가로 배치라 열 간격을 그대로 둔다. */
+.b05-structure-section {
+  --b05-label-gap: 2px;
+}
+
+.b05-structure-section .b05-route__field {
+  gap: var(--b05-label-gap);
+}
+
+.b05-structure-section .b05-route__field > span {
+  font-size: var(--text-caption);
+  line-height: 1.2;
+}
+
+.b05-structure__adjust-slot .b06-structure-panel__struct {
+  gap: var(--b05-label-gap);
+}
+
+.b05-structure-section .b05-structure__position-row .b05-route__field {
+  gap: 6px;
+}