From 8f9e628b0bf041cbd476ca4857e6d9cd68ea50b3 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Sun, 23 Aug 2026 18:48:56 +0900
Subject: [PATCH] =?UTF-8?q?fix(B06):=20=ED=9A=A1=EB=8B=A8=20=EB=B3=B4?=
 =?UTF-8?q?=EA=B8=B0=20=EC=84=A4=EC=A0=95=20=ED=95=9C=20=EC=A4=84=20?=
 =?UTF-8?q?=EC=A0=95=EB=A0=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ui-field가 세로 배치(라벨·입력·오류 슬롯)라 [적용]이 오류 슬롯 높이만큼 내려가
수평이 안 맞았다. 이 줄에서만 필드를 가로로 눕히고(라벨-입력-버튼) 오류 슬롯을
접어 한 줄에 정렬한다.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 B06_Section/B06_Section_UI_Style.css | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/B06_Section/B06_Section_UI_Style.css b/B06_Section/B06_Section_UI_Style.css
index 23696df7..506236ed 100644
--- a/B06_Section/B06_Section_UI_Style.css
+++ b/B06_Section/B06_Section_UI_Style.css
@@ -56,18 +56,39 @@
   color: var(--color-text);
 }
 
-/* 입력 한 칸 + 버튼을 한 줄로(횡단 보기 설정). 버튼은 입력 아래 선에 맞춘다. */
+/* 라벨·입력·버튼을 **한 줄**로 세운다(횡단 보기 설정, 2026-08-23 사용자 지시).
+   ui-field는 기본이 세로(라벨 위·입력 아래·그 아래 오류 슬롯)라 그대로 두면 버튼이
+   오류 슬롯 높이만큼 밀려 수평이 안 맞는다 — 이 줄에서만 가로로 눕히고 오류 슬롯을 접는다. */
 .b06-profile__field-row {
   display: flex;
-  align-items: flex-end;
+  align-items: center;
   gap: var(--spacing-8);
 }
 
-.b06-profile__field-row > *:first-child {
+.b06-profile__field-row > .ui-field {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--spacing-8);
+  min-width: 0;
+}
+
+.b06-profile__field-row .ui-field__label {
+  flex: 0 0 auto;
+  margin: 0;
+  white-space: nowrap;
+}
+
+.b06-profile__field-row .ui-input {
   flex: 1 1 auto;
   min-width: 0;
 }
 
+.b06-profile__field-row .ui-field__error {
+  display: none;
+}
+
 .b06-profile__field-row > .ui-btn {
   flex: 0 0 auto;
 }