From 95d5246d4bfad0134a6dbae502bcb4118bc3772d Mon Sep 17 00:00:00 2001
From: hided62 <hided62@gmail.com>
Date: Sat, 29 Aug 2026 04:23:52 +0000
Subject: [PATCH] =?UTF-8?q?fix(game-ui):=20=ED=84=B4=20=EC=9D=B4=EB=8F=99?=
 =?UTF-8?q?=20=EB=B2=84=ED=8A=BC=20=EB=84=88=EB=B9=84=EB=A5=BC=20=EC=B1=84?=
 =?UTF-8?q?=EC=9B=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/game-frontend/e2e/mainNavigation.spec.ts                 | 5 +++++
 .../src/components/command/ReservedCommandEditor.vue         | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/app/game-frontend/e2e/mainNavigation.spec.ts b/app/game-frontend/e2e/mainNavigation.spec.ts
index a266b5df..568d06c9 100644
--- a/app/game-frontend/e2e/mainNavigation.spec.ts
+++ b/app/game-frontend/e2e/mainNavigation.spec.ts
@@ -4180,6 +4180,8 @@ test('all main Lumen button families share the rounded pressed geometry', async
             return {
                 top: rect.top,
                 bottom: rect.bottom,
+                width: rect.width,
+                parentWidth: element.parentElement?.getBoundingClientRect().width ?? 0,
                 height: rect.height,
                 marginTop: style.marginTop,
                 borderTop: style.borderTopWidth,
@@ -4212,6 +4214,9 @@ test('all main Lumen button families share the rounded pressed geometry', async
             radius: expectedGeometry?.radius ?? '5.25px',
             filter: 'none',
         });
+        if (label === '당기기' || label === '미루기') {
+            expect(base.width, `${label} fills its menu column`).toBeCloseTo(base.parentWidth, 2);
+        }
 
         await control.focus();
         await expect(control, `${label} keyboard focus`).toBeFocused();
diff --git a/app/game-frontend/src/components/command/ReservedCommandEditor.vue b/app/game-frontend/src/components/command/ReservedCommandEditor.vue
index 2ccd0f22..028ac2e3 100644
--- a/app/game-frontend/src/components/command/ReservedCommandEditor.vue
+++ b/app/game-frontend/src/components/command/ReservedCommandEditor.vue
@@ -1098,6 +1098,9 @@ const clickOutsideMenu = (event: Event) => {
     gap: 4px;
     padding-top: 3px;
 }
+.bottom-shift-menu > summary {
+    width: 100%;
+}
 .command-picker {
     position: absolute;
     z-index: 80;