From 41ca20cdced008af1bac117c3e57e47229f5eb9c Mon Sep 17 00:00:00 2001
From: Laurent <58115082+naaturel@users.noreply.github.com>
Date: Wed, 30 Oct 2024 00:19:30 +0100
Subject: [PATCH] Fix responsive shits

---
 front/src/lib/components/LeaderBoard.svelte | 8 ++++++++
 front/static/style/menu2.css                | 8 +++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/front/src/lib/components/LeaderBoard.svelte b/front/src/lib/components/LeaderBoard.svelte
index c8c12a1..f369367 100644
--- a/front/src/lib/components/LeaderBoard.svelte
+++ b/front/src/lib/components/LeaderBoard.svelte
@@ -91,6 +91,7 @@
     .position
     {
         flex-grow: 5;
+        margin-right: 10px;
         text-align: center;
     }
 
@@ -106,4 +107,11 @@
         text-align: center;
     }
 
+    @media screen and (min-width: 601px) {
+        .leaderboard
+        {
+            width: 55vw;
+        }
+    }
+
 </style>
\ No newline at end of file
diff --git a/front/static/style/menu2.css b/front/static/style/menu2.css
index 060e5d4..a8ddd47 100644
--- a/front/static/style/menu2.css
+++ b/front/static/style/menu2.css
@@ -5,7 +5,7 @@
     margin: 0;
     padding: 0;
     height: 100vh;
-    width: 60px;
+    z-index: 1;
     list-style-type: none;
     background: rgb(252, 220, 171, 0.85);
     overflow: hidden;
@@ -69,4 +69,10 @@
         width: 20px;
         height: 20px;
     }
+}
+
+@media screen and (min-width: 601px) {
+    .menu-collapsed {
+        width: 60px;
+    }
 }
\ No newline at end of file