버튼 컬럼수 조정

frontend/lib/utils/responsiveDefaults.ts

@@ -68,7 +68,27 @@ export function generateSmartDefaults(
       },
     };
   }
-  // 작은 컴포넌트 (25% 이하)
+  // 매우 작은 컴포넌트 (10% 이하, 예: 버튼)
+  else if (componentWidthPercent <= 10) {
+    return {
+      desktop: {
+        gridColumns: 1, // 12컬럼 중 1개 (~8%)
+        order: 1,
+        hide: false,
+      },
+      tablet: {
+        gridColumns: 1, // 8컬럼 중 1개 (~12.5%)
+        order: 1,
+        hide: false,
+      },
+      mobile: {
+        gridColumns: 1, // 4컬럼 중 1개 (25%)
+        order: 1,
+        hide: false,
+      },
+    };
+  }
+  // 작은 컴포넌트 (10-25%)
   else if (componentWidthPercent <= 25) {
     return {
       desktop: {