Fix worksmobile column settings layout

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}

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");