Leaderboard fixes

assets/styles/app.scss

@@ -389,11 +389,12 @@ ul.credit {
     "historic-statistics" auto
     "leaderboard" auto;
 
-  @media (min-width: 768px) {
+  @media (min-width: 1440px) {
     grid-template:
       "hello-text          hello-text          hello-text   hello-text" auto
       "weekly-metrics      weekly-metrics      leaderboard  leaderboard" 1fr
       "historic-statistics historic-statistics leaderboard  leaderboard" 1fr;
+    grid-template-columns: 2fr 2fr 1fr 1fr;
   }
 
   &__hello-text {

src/Controller/OverviewCardsController.php

@@ -207,6 +207,7 @@ public function leaderboard(
         SolutionEventRepository $solutionEventRepository,
     ): Response {
         $leaderboard = $solutionEventRepository->listLeaderboard($user->getGroup(), '7 days');
+        $leaderboard = \array_slice($leaderboard, 0, 10);
 
         return $this->render('overview/cards/leaderboard.html.twig', [
             'leaderboard' => $leaderboard,

templates/overview/cards/leaderboard.html.twig

@@ -12,7 +12,7 @@
         <tbody>
         {% for item in leaderboard %}
             <tr>
-                <th scope="row">{{ item.user.name }}</th>
+                <th scope="row" class="text-truncate">{{ item.user.name|u.truncate(24, '…') }}</th>
                 <td>{{ item.count }}</td>
             </tr>
         {% endfor %}