From 702ce75b11fbfb214b2c8b968523040beeb6dcba Mon Sep 17 00:00:00 2001
From: rtrembecky <rtrembecky@gmail.com>
Date: Fri, 22 Nov 2024 10:50:55 +0100
Subject: [PATCH] responsive Problem buttons gap and wrapping

---
 src/components/Problems/Problem.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Problems/Problem.tsx b/src/components/Problems/Problem.tsx
index f9c6aa44..9a43c9b1 100644
--- a/src/components/Problems/Problem.tsx
+++ b/src/components/Problems/Problem.tsx
@@ -97,9 +97,9 @@ export const Problem: FC<{
           sx={{
             mt: 0.5,
             justifyContent: 'end',
-            gap: 4,
-            // ked sa jeden dlhsi text wrapne, tak aby nenabrali vsetky buttony taku velku vysku
-            alignItems: 'start',
+            flexWrap: 'wrap',
+            columnGap: {xs: 1, sm: 2, md: 2},
+            rowGap: 1,
           }}
         >
           {problem.solution_pdf && (