feat: zarovnanie vysky produktovych kariet v riadku (uloha 7)

src/components/editor/ConfigPanel.tsx

@@ -342,6 +342,37 @@ export const ConfigPanel: React.FC<ConfigPanelProps> = ({
             />
           </div>
 
+          {/* Rozloženie produktov (Počet produktov na riadok) */}
+          <div>
+            <label className="block text-xs font-semibold text-gray-700 mb-1">
+              Rozloženie produktov na riadok
+            </label>
+            <div className="grid grid-cols-2 gap-2 bg-gray-100 p-1 rounded-xl">
+              <button
+                type="button"
+                onClick={() => updateData({ columns: 2 })}
+                className={`py-1.5 px-2.5 rounded-lg text-xs font-bold transition-all flex items-center justify-center gap-1.5 ${
+                  (module.data.columns || 2) === 2
+                    ? 'bg-white text-gray-900 shadow-sm'
+                    : 'text-gray-500 hover:text-gray-900'
+                }`}
+              >
+                <span>2 produkty na riadok</span>
+              </button>
+              <button
+                type="button"
+                onClick={() => updateData({ columns: 1 })}
+                className={`py-1.5 px-2.5 rounded-lg text-xs font-bold transition-all flex items-center justify-center gap-1.5 ${
+                  module.data.columns === 1
+                    ? 'bg-white text-gray-900 shadow-sm'
+                    : 'text-gray-500 hover:text-gray-900'
+                }`}
+              >
+                <span>1 produkt na riadok</span>
+              </button>
+            </div>
+          </div>
+
           {/* Farba pozadia skupiny produktov */}
           <div className="bg-gray-50 p-3.5 rounded-xl border border-gray-200 space-y-2.5">
             <div className="flex items-center justify-between">