From 74b1cd214369702bdecaeb4e2fa1fc9ff9e46c43 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Tue, 18 Aug 2026 17:12:24 +0900
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=EC=82=AC=EC=9D=B4=EB=93=9C=20?=
 =?UTF-8?q?=ED=8C=A8=EB=84=90=20=EC=95=A1=EC=85=98=20=EC=A4=84=EC=9D=84=20?=
 =?UTF-8?q?=EB=82=B4=EC=9A=A9=EC=9D=B4=20=EC=A7=A7=EC=95=84=EB=8F=84=20?=
 =?UTF-8?q?=EC=B5=9C=ED=95=98=EB=8B=A8=EC=97=90=20=EA=B3=A0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

지금까지는 sticky만 걸려 있어 내용이 패널보다 짧으면 버튼 줄이 내용 바로 아래에
떠 있었다. 공용 .ui-sidebar-actions에 margin-top:auto를 주고, 액션 줄을 담은
사이드 body를 세로 플렉스로 만들어(:has) 남는 세로 공간을 액션 줄 위 여백이
전부 먹게 했다. B04·B05·B06·B07 공통 적용(B08은 .b08-drawing-actions가 이미
같은 방식).

- B05: 액션 dock 위 구분선·구조물 목록도 함께 최하단에 붙는다.
- B05 .b05-route__panel의 padding-bottom(24px) 제거 — dock이 바닥에 붙은 뒤로는
  버튼 아래 빈 띠로만 남는다. 공용 body 패딩 16px는 dock의 sticky bottom:-16px가 덮는다.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 B05_Profile/B05_Profile_UI_Style.css |  4 +++-
 ui_template/ui_template_overlay.css  | 13 +++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/B05_Profile/B05_Profile_UI_Style.css b/B05_Profile/B05_Profile_UI_Style.css
index f3976aa7..bc0011f9 100644
--- a/B05_Profile/B05_Profile_UI_Style.css
+++ b/B05_Profile/B05_Profile_UI_Style.css
@@ -214,7 +214,9 @@
   width: 100%;
   min-width: 0;
   gap: var(--spacing-16);
-  padding-bottom: var(--spacing-24);
+  /* 하단 여유 패딩은 두지 않는다 — 액션 dock이 최하단에 붙는 지금은 버튼 아래
+     빈 띠로만 남는다(2026-08-18). 공용 body 패딩(16px)은 dock의 sticky
+     bottom:-16px가 덮는다. */
 }
 
 .b05-route__panel-section {
diff --git a/ui_template/ui_template_overlay.css b/ui_template/ui_template_overlay.css
index 2f89cb03..5f01514a 100644
--- a/ui_template/ui_template_overlay.css
+++ b/ui_template/ui_template_overlay.css
@@ -241,11 +241,24 @@
   z-index: 5;
   display: flex;
   gap: var(--spacing-8);
+  /* 내용이 패널보다 짧아도 액션 줄은 패널 최하단에 붙는다 — 위 여백을 이 줄이
+     전부 먹는다(2026-08-18 사용자 지시, B04~B08 공통). 내용이 길면 auto가 0이 돼
+     기존처럼 sticky로 따라온다. */
+  margin-top: auto;
   padding: var(--spacing-8) 0 var(--spacing-16);
   background: var(--color-surface-raised);
   border-top: 1px solid var(--color-border);
 }
 
+/* margin-top:auto가 먹히려면 액션 줄을 담은 사이드 body가 세로 플렉스여야 하고
+   높이가 정해져 있어야 한다(--panel--title의 body는 flex:1로 이미 정해진다).
+   B04·B05·B06은 페이지 CSS가 이미 세로 플렉스지만, 규칙 없이 블록으로 남은
+   패널(B07)도 같이 걸리게 여기서 공통으로 준다. */
+.ui-workflow-overlay__body:has(> .ui-sidebar-actions) {
+  display: flex;
+  flex-direction: column;
+}
+
 .ui-sidebar-actions > * {
   flex: 1 1 0;
   min-width: 0;