From 81b18721f740da2a6f0a2f2180332bb898fd9b18 Mon Sep 17 00:00:00 2001
From: chyoo <chyoo@futuredrive.net>
Date: Fri, 10 Jul 2026 13:47:59 +0900
Subject: [PATCH] improve launcher app display settings form

---
 src/pages/launcher/LauncherAppsPage.tsx | 30 +++++++++++++------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/pages/launcher/LauncherAppsPage.tsx b/src/pages/launcher/LauncherAppsPage.tsx
index d13bf2b..7d7cca5 100644
--- a/src/pages/launcher/LauncherAppsPage.tsx
+++ b/src/pages/launcher/LauncherAppsPage.tsx
@@ -314,21 +314,23 @@ export function LauncherAppsPage() {
       >
         {displayForm ? (
           <form className="grid gap-4" onSubmit={(event) => { event.preventDefault(); saveSettings(); }}>
-            <div className="grid gap-4 md:grid-cols-[1fr_120px_120px]">
+            <div className="grid gap-4 md:grid-cols-2">
               <label className="block">
                 <span className="text-xs font-medium text-muted-foreground">표시명 <b className="text-foreground">*</b></span>
                 <input className="mt-2 h-9 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring" value={displayForm.displayName} onChange={(event) => setDisplayForm((prev) => prev ? { ...prev, displayName: event.target.value } : prev)} />
               </label>
-              <label className="block">
-                <span className="text-xs font-medium text-muted-foreground">노출순서</span>
-                <input type="number" className="mt-2 h-9 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring" value={displayForm.displayOrder} onChange={(event) => setDisplayForm((prev) => prev ? { ...prev, displayOrder: event.target.value } : prev)} />
-              </label>
-              <div className="block">
-                <span className="text-xs font-medium text-muted-foreground">상태</span>
-                <label className="mt-2 inline-flex h-9 w-full items-center gap-2 rounded-md border border-border px-3 text-sm text-foreground">
-                  <input type="checkbox" checked={displayForm.isEnabled} onChange={(event) => setDisplayForm((prev) => prev ? { ...prev, isEnabled: event.target.checked } : prev)} />
-                  활성
+              <div className="grid gap-4 sm:grid-cols-[1fr_120px]">
+                <label className="block">
+                  <span className="text-xs font-medium text-muted-foreground">노출순서</span>
+                  <input type="number" className="mt-2 h-9 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring" value={displayForm.displayOrder} onChange={(event) => setDisplayForm((prev) => prev ? { ...prev, displayOrder: event.target.value } : prev)} />
                 </label>
+                <div className="block">
+                  <span className="text-xs font-medium text-muted-foreground">상태</span>
+                  <label className="mt-2 inline-flex h-9 w-full items-center gap-2 rounded-md border border-border px-3 text-sm text-foreground">
+                    <input type="checkbox" checked={displayForm.isEnabled} onChange={(event) => setDisplayForm((prev) => prev ? { ...prev, isEnabled: event.target.checked } : prev)} />
+                    활성
+                  </label>
+                </div>
               </div>
             </div>
             <label className="block">
@@ -339,16 +341,16 @@ export function LauncherAppsPage() {
               <span className="text-xs font-medium text-muted-foreground">설명</span>
               <textarea className="mt-2 min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring" value={displayForm.description} onChange={(event) => setDisplayForm((prev) => prev ? { ...prev, description: event.target.value } : prev)} />
             </label>
+            <label className="block w-full">
+              <span className="text-xs font-medium text-muted-foreground">자세히 보기 URL 링크</span>
+              <input className="mt-2 h-9 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring" value={displayForm.detailUrl} onChange={(event) => setDisplayForm((prev) => prev ? { ...prev, detailUrl: event.target.value } : prev)} />
+            </label>
             {showDevelopmentFields ? (
               <div className="grid gap-4 md:grid-cols-2">
                 <label className="block">
                   <span className="text-xs font-medium text-muted-foreground">실행 URL</span>
                   <input className="mt-2 h-9 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring" value={displayForm.launchUrl} onChange={(event) => setDisplayForm((prev) => prev ? { ...prev, launchUrl: event.target.value } : prev)} />
                 </label>
-                <label className="block">
-                  <span className="text-xs font-medium text-muted-foreground">자세히 보기 URL 링크</span>
-                  <input className="mt-2 h-9 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring" value={displayForm.detailUrl} onChange={(event) => setDisplayForm((prev) => prev ? { ...prev, detailUrl: event.target.value } : prev)} />
-                </label>
                 <label className="block">
                   <span className="text-xs font-medium text-muted-foreground">개발 앱 경로</span>
                   <input className="mt-2 h-9 w-full rounded-md border border-input bg-background px-3 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring" value={displayForm.devAppPath} onChange={(event) => setDisplayForm((prev) => prev ? { ...prev, devAppPath: event.target.value } : prev)} />