From 4c068711bf6f70ae8688e4aac2d4929eff43002d Mon Sep 17 00:00:00 2001
From: Lectom <lectom.c.han@gmail.com>
Date: Mon, 15 Jun 2026 20:46:50 +0900
Subject: [PATCH] Fix worksmobile column settings layout

---
 .../src/features/tenants/routes/TenantWorksmobilePage.tsx     | 4 ++--
 adminfront/tests/worksmobile.spec.ts                          | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/adminfront/src/features/tenants/routes/TenantWorksmobilePage.tsx b/adminfront/src/features/tenants/routes/TenantWorksmobilePage.tsx
index b30e03e1..adac36b0 100644
--- a/adminfront/src/features/tenants/routes/TenantWorksmobilePage.tsx
+++ b/adminfront/src/features/tenants/routes/TenantWorksmobilePage.tsx
@@ -1261,7 +1261,7 @@ function ComparisonTable({
 
   return (
     <div className="min-w-0 space-y-2">
-      <div className="flex flex-wrap items-center justify-between gap-3">
+      <div className="flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
         <div className="flex min-w-0 flex-1 flex-wrap items-center gap-3">
           <h4 className="text-lg font-semibold leading-none">{title}</h4>
           <Badge
@@ -1322,7 +1322,7 @@ function ComparisonTable({
             </div>
           ) : null}
         </div>
-        <div className="flex shrink-0 flex-wrap items-center justify-end gap-2">
+        <div className="flex shrink-0 flex-wrap items-center justify-start gap-2 xl:justify-end">
           <Dialog
             open={columnSettingsOpen}
             onOpenChange={setColumnSettingsOpen}
diff --git a/adminfront/tests/worksmobile.spec.ts b/adminfront/tests/worksmobile.spec.ts
index fc3ff4ec..75af0911 100644
--- a/adminfront/tests/worksmobile.spec.ts
+++ b/adminfront/tests/worksmobile.spec.ts
@@ -865,6 +865,9 @@ test.describe("Worksmobile tenant management", () => {
       .getByRole("heading", { name: "구성원" })
       .locator("xpath=ancestor::div[contains(@class, 'space-y-2')][1]")
       .getByRole("button", { name: "컬럼 설정" });
+    await userColumnButton.evaluate((element) => {
+      element.scrollIntoView({ block: "center", inline: "nearest" });
+    });
     await userColumnButton.click();
 
     const settingsDialog = page.getByRole("dialog");