From 108c7758da3e75b08d73728fa32687284ea644e5 Mon Sep 17 00:00:00 2001
From: thomas <toma.laforge@gmail.com>
Date: Sat, 30 Mar 2024 18:03:33 +0100
Subject: [PATCH] feat: improve layout

---
 docs/astro.config.mjs                         | 26 +++++++++----------
 .../leaderboard/LeaderboardAnswer.svelte      |  4 +--
 .../leaderboard/LeaderboardChallenge.svelte   |  6 ++---
 .../leaderboard/LeaderboardCommit.svelte      |  6 ++---
 .../src/components/leaderboard/UserBox.svelte |  7 +----
 5 files changed, 22 insertions(+), 27 deletions(-)

diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
index bce29de..98f28c0 100644
--- a/docs/astro.config.mjs
+++ b/docs/astro.config.mjs
@@ -54,19 +54,19 @@ export default defineConfig({
         ru: 'Руководство'
       }
     },
-      {
-      label: 'Leaderboard',
-      autogenerate: {
-        directory: 'leaderboard',
-        collapsed: true
-      },
-      translations: {
-        es: 'Leaderboard',
-        fr: 'Leaderboard',
-        pt: 'Leaderboard',
-        ru: 'Leaderboard'
-      }
-    },
+    //   {
+    //   label: 'Leaderboard',
+    //   autogenerate: {
+    //     directory: 'leaderboard',
+    //     collapsed: true
+    //   },
+    //   translations: {
+    //     es: 'Leaderboard',
+    //     fr: 'Leaderboard',
+    //     pt: 'Leaderboard',
+    //     ru: 'Leaderboard'
+    //   }
+    // },
     {
       label: 'Challenges',
       autogenerate: {
diff --git a/docs/src/components/leaderboard/LeaderboardAnswer.svelte b/docs/src/components/leaderboard/LeaderboardAnswer.svelte
index e7c13fe..9f56ef4 100644
--- a/docs/src/components/leaderboard/LeaderboardAnswer.svelte
+++ b/docs/src/components/leaderboard/LeaderboardAnswer.svelte
@@ -88,9 +88,9 @@
 
 <style>
   .box {
-    display: grid;
+    display: flex;
+    flex-wrap: wrap;
     justify-items: center;
-    grid-template-columns: 1fr 1fr;
     gap: 1.5rem;
     margin-top: 2rem;
   }
diff --git a/docs/src/components/leaderboard/LeaderboardChallenge.svelte b/docs/src/components/leaderboard/LeaderboardChallenge.svelte
index 302bb65..ed2e839 100644
--- a/docs/src/components/leaderboard/LeaderboardChallenge.svelte
+++ b/docs/src/components/leaderboard/LeaderboardChallenge.svelte
@@ -71,10 +71,10 @@
 
 <style>
   .box {
-    display: grid;
+    display: flex;
+    flex-wrap: wrap;
     justify-items: center;
-    grid-template-columns: 1fr 1fr;
-    gap: 1.5rem;
+    gap: 1rem;
     margin-top: 2rem;
   }
 </style>
diff --git a/docs/src/components/leaderboard/LeaderboardCommit.svelte b/docs/src/components/leaderboard/LeaderboardCommit.svelte
index e5dc8db..339a474 100644
--- a/docs/src/components/leaderboard/LeaderboardCommit.svelte
+++ b/docs/src/components/leaderboard/LeaderboardCommit.svelte
@@ -87,10 +87,10 @@
 
 <style>
   .box {
-    display: grid;
+    display: flex;
+    flex-wrap: wrap;
     justify-items: center;
-    grid-template-columns: 1fr 1fr;
-    gap: 1.5rem;
+    gap: 1rem;
     margin-top: 2rem;
   }
 </style>
diff --git a/docs/src/components/leaderboard/UserBox.svelte b/docs/src/components/leaderboard/UserBox.svelte
index 1bd18c7..98ca63b 100644
--- a/docs/src/components/leaderboard/UserBox.svelte
+++ b/docs/src/components/leaderboard/UserBox.svelte
@@ -34,9 +34,8 @@
     border: 1px solid var(--sl-color-gray-3);
     border-radius: 5px;
     align-items: center;
-    width: 100%;
-    max-width: 300px;
     justify-content: space-between;
+    width: 100%;
   }
 
   .user-info {
@@ -63,10 +62,6 @@
     font-size: 24px;
     color: red;
     line-height: 24px;
-    max-width: 150px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
   }
 
   .count {