From 4cd27639e62f56027345fdbba11cbd2f26282aa7 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Tue, 18 Nov 2025 10:30:04 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20Collapsible=20=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=20=EA=B5=AC=EC=A1=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- CardContent 내부에서 CollapsibleContent가 제대로 렌더링되도록 구조 수정
- mb-2, mt-2로 간격 조정
- 오른쪽으로 밀려나는 문제 해결
---
 .../SelectedItemsDetailInputConfigPanel.tsx         | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/frontend/lib/registry/components/selected-items-detail-input/SelectedItemsDetailInputConfigPanel.tsx b/frontend/lib/registry/components/selected-items-detail-input/SelectedItemsDetailInputConfigPanel.tsx
index 458c4e23..22f4296f 100644
--- a/frontend/lib/registry/components/selected-items-detail-input/SelectedItemsDetailInputConfigPanel.tsx
+++ b/frontend/lib/registry/components/selected-items-detail-input/SelectedItemsDetailInputConfigPanel.tsx
@@ -637,8 +637,8 @@ export const SelectedItemsDetailInputConfigPanel: React.FC<SelectedItemsDetailIn
             onOpenChange={(open) => setExpandedGroups(prev => ({ ...prev, [group.id]: open }))}
           >
             <Card className="border-2">
-              <CardContent className="space-y-2 p-3 sm:space-y-3 sm:p-4">
-                <div className="flex items-center justify-between">
+              <CardContent className="p-3 sm:p-4">
+                <div className="flex items-center justify-between mb-2">
                   <CollapsibleTrigger asChild>
                     <Button variant="ghost" size="sm" className="h-auto p-0 hover:bg-transparent">
                       <div className="flex items-center gap-2">
@@ -664,7 +664,7 @@ export const SelectedItemsDetailInputConfigPanel: React.FC<SelectedItemsDetailIn
                   </Button>
                 </div>
 
-                <CollapsibleContent className="space-y-2 sm:space-y-3">
+                <CollapsibleContent className="space-y-2 sm:space-y-3 mt-2">
                   {/* 그룹 ID */}
               <div className="space-y-1">
                 <Label className="text-[10px] sm:text-xs">그룹 ID</Label>
@@ -894,10 +894,9 @@ export const SelectedItemsDetailInputConfigPanel: React.FC<SelectedItemsDetailIn
                     ))}
                   </div>
                   )}
-                </CollapsibleContent>
-                </div>
-              </Collapsible>
-
+                  </CollapsibleContent>
+                  </div>
+                </Collapsible>
                 </CollapsibleContent>
               </CardContent>
             </Card>