From ef94b28bd5cf9b1541a6e12edf561268c15d2c5e Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Sun, 25 Oct 2026 20:18:47 +0900
Subject: [PATCH] =?UTF-8?q?style(532-3):=20E02=20=EC=B9=B4=EB=93=9C=20?=
 =?UTF-8?q?=EC=B0=A8=EB=A1=80=20=C2=B7=20=ED=8F=AD=20=E2=80=94=20=EB=AC=BC?=
 =?UTF-8?q?=EC=84=B1=20=ED=91=9C=20=C2=B7=20=EA=B5=AC=EA=B0=84=20=ED=91=9C?=
 =?UTF-8?q?=20=ED=95=9C=20=EC=A4=84=20=ED=86=B5=EC=A7=B8=20=C2=B7=20?=
 =?UTF-8?q?=EC=95=88=EC=A0=84=EC=9C=A8=20=C2=B7=20=ED=95=98=EC=A4=91=20?=
 =?UTF-8?q?=EB=82=98=EB=9E=80=ED=9E=88=20=C2=B7=20=EC=A7=80=EC=9B=80=20?=
 =?UTF-8?q?=EB=8B=A8=EC=B6=94=20=EC=A4=84=EB=B0=94=EA=BF=88=20=EC=97=86?=
 =?UTF-8?q?=EC=9D=8C=20=C2=B7=20=EC=A2=81=EC=9D=80=20=ED=99=94=EB=A9=B4=20?=
 =?UTF-8?q?=ED=91=9C=EB=A7=8C=20=EC=98=86=20=EB=B0=80=EB=A6=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 E02_StabGround/E02_StabGround_UI_Style.css | 19 +++++++++++++++++++
 E02_StabGround/E02_StabGround_UI_Tables.ts |  4 +++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/E02_StabGround/E02_StabGround_UI_Style.css b/E02_StabGround/E02_StabGround_UI_Style.css
index 7a5602ff1..e962124d4 100644
--- a/E02_StabGround/E02_StabGround_UI_Style.css
+++ b/E02_StabGround/E02_StabGround_UI_Style.css
@@ -95,6 +95,7 @@
 }
 
 .e02-input--num {
+  min-width: 56px;
   text-align: right;
 }
 
@@ -151,3 +152,21 @@
 .e02-status.is-error {
   color: var(--color-danger);
 }
+
+.e02-table .ui-btn {
+  white-space: nowrap;
+}
+
+.e02-input[data-path$=".water"] {
+  min-width: 120px;
+}
+
+/* 좁은 화면 — 표만 옆으로 밀림(카드 밖으로 안 나감) */
+.e02-card {
+  overflow-x: auto;
+}
+
+/* 물성 표는 열이 많아 한 줄 통째 */
+.e02-card--wide {
+  grid-column: 1 / -1;
+}
diff --git a/E02_StabGround/E02_StabGround_UI_Tables.ts b/E02_StabGround/E02_StabGround_UI_Tables.ts
index 1614b16a7..e3cfcc101 100644
--- a/E02_StabGround/E02_StabGround_UI_Tables.ts
+++ b/E02_StabGround/E02_StabGround_UI_Tables.ts
@@ -204,6 +204,7 @@ function materialsCard(view: E02View): HTMLElement {
   }
 
   const { section, head } = card("E02_Card_Materials", table(headers, rows), mapRow);
+  section.classList.add("e02-card--wide");
   headButtons(
     view,
     head,
@@ -483,6 +484,7 @@ function loadsCard(view: E02View): HTMLElement {
 export function buildCards(view: E02View): { root: HTMLElement; refreshStations: () => void } {
   const root = el("div", { className: "e02-cards" });
   const zones = zonesCard(view);
-  root.append(materialsCard(view), zones.section, safetyCard(view), loadsCard(view));
+  zones.section.classList.add("e02-card--wide");
+  root.append(materialsCard(view), safetyCard(view), loadsCard(view), zones.section);
   return { root, refreshStations: zones.refresh };
 }