From 0f5587da072ffb258137f424b0167174c9b91a3b Mon Sep 17 00:00:00 2001
From: Valentin Stockmayer <vstockma@c3r1p2.42vienna.com>
Date: Mon, 22 Apr 2024 14:43:52 +0200
Subject: [PATCH] leaderboard

---
 srcs/frontend/css/Leaderboard.css    | 16 +++++++++++++++-
 srcs/frontend/views/leaderboard.html |  2 ++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/srcs/frontend/css/Leaderboard.css b/srcs/frontend/css/Leaderboard.css
index a22d6f1..d14ae23 100644
--- a/srcs/frontend/css/Leaderboard.css
+++ b/srcs/frontend/css/Leaderboard.css
@@ -1,6 +1,12 @@
+.table-container {
+  overflow-x: auto;
+  overflow-y: auto;
+  border: solid;
+  border-color: red;
+}
+
 table {
   border-collapse: collapse;
-  overflow-y: auto;
   width: 100%;
 }
 
@@ -57,3 +63,11 @@ th span {
 .progress-content {
   margin-left: 1rem; /* Adjust as needed to create space between content and progress bar */
 }
+
+@media only screen and (max-width: 600px) {
+  table th, table td {
+    padding: 0.5em;
+    font-size: 0.8em;
+  }
+}
+
diff --git a/srcs/frontend/views/leaderboard.html b/srcs/frontend/views/leaderboard.html
index 60a89b4..eeb1d0f 100644
--- a/srcs/frontend/views/leaderboard.html
+++ b/srcs/frontend/views/leaderboard.html
@@ -1,3 +1,4 @@
+<div class="table-container">
 <table>
   <thead>
     
@@ -21,3 +22,4 @@
     </td>
   </tr>
 </table>
+</div>