테이블 리스트 간격설정

frontend/lib/registry/components/table-list/TableListConfigPanel.tsx

@@ -1105,6 +1105,41 @@ export const TableListConfigPanel: React.FC<TableListConfigPanelProps> = ({
             </div>
           </div>
         )}
+
+        {/* 필터 간격 설정 */}
+        {config.filter?.enabled && (
+          <div className="space-y-3">
+            <div>
+              <h3 className="text-sm font-semibold">필터 간격</h3>
+            </div>
+            <hr className="border-border" />
+            <div className="space-y-1">
+              <Label htmlFor="filterBottomSpacing" className="text-xs">
+                필터와 리스트 사이 간격 (px)
+              </Label>
+              <Input
+                id="filterBottomSpacing"
+                type="number"
+                value={config.filter?.bottomSpacing ?? 40}
+                onChange={(e) => {
+                  const value = Math.max(0, Math.min(200, parseInt(e.target.value) || 40));
+                  handleChange("filter", {
+                    ...config.filter,
+                    bottomSpacing: value,
+                  });
+                }}
+                min={0}
+                max={200}
+                step={10}
+                placeholder="40"
+                className="h-8 text-xs"
+              />
+              <p className="text-[10px] text-muted-foreground">
+                기본값: 40px (0-200px 범위, 10px 단위 권장)
+              </p>
+            </div>
+          </div>
+        )}
       </div>
     </div>
   );