From 0c814865909acd9557de8ba3b3b86a1298d01dab Mon Sep 17 00:00:00 2001
From: Domingo Dirutigliano <me@domy.sh>
Date: Fri, 18 Oct 2024 01:51:30 +0200
Subject: [PATCH] add: mobile improves

---
 src/react/pages/app/LeaderBoard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/react/pages/app/LeaderBoard.tsx b/src/react/pages/app/LeaderBoard.tsx
index e6b359d..3d0828c 100644
--- a/src/react/pages/app/LeaderBoard.tsx
+++ b/src/react/pages/app/LeaderBoard.tsx
@@ -118,7 +118,7 @@ export const LeaderBoard = () => {
             </Button>
         </div>
         <div className="mt-10">
-            {selectedLeaderboard == "users" && <Box className="flex items-center justify-center gap-20 px-10 pb-10">
+            {selectedLeaderboard == "users" && <Box className="flex flex-col md:flex-row items-center justify-center md:gap-20 gap-10 px-10 pb-10">
                 <MultiSelect
                     label="Filter by groups"
                     className="w-full"
@@ -146,7 +146,7 @@ export const LeaderBoard = () => {
                         disabled={usersToShow == -1}
                     />
                 </Box>
-                <Box className="flex flex-col justify-center items-center w-full gap-2">
+                <Box className="flex md:flex-col flex-row justify-center items-center w-full gap-2">
                     <MantineButton
                         className="w-full"
                         size="sm"