From b92381f007c205821212c9120a1a4e6f3acf3ad6 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Sun, 22 May 2022 19:10:41 +0200
Subject: [PATCH] admin/ui: Improve home page

---
 admin/static/views/home.html | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/admin/static/views/home.html b/admin/static/views/home.html
index eea45d14..08b9a737 100644
--- a/admin/static/views/home.html
+++ b/admin/static/views/home.html
@@ -25,22 +25,24 @@
   </div>
 </div>
 
-<div class="card-deck mb-3">
+<div class="row mb-3">
+ <div class="col-sm-7 col-md-8 col-lg-9">
   <div class="card">
     <div class="card-header">
       <h4>Progression</h4>
     </div>
-    <table class="table table-hover table-striped table-sm" ng-controller="ThemesListController">
+    <div style="overflow: auto;">
+     <table class="table table-hover table-striped table-sm mb-0" ng-controller="ThemesListController">
       <thead>
 	<tr>
 	  <th class="frotated"></th>
 	  <th class="rotated" ng-repeat="(tid,th) in themes"><div><a ng-href="themes/{{ th.id }}">{{ th.name }}</a></div></th>
 	</tr>
       </thead>
-      <tbody class="table-bordered">
+      <tbody class="table-bordered" ng-controller="ExercicesStatsController">
 	<tr ng-repeat="lvl in [1,2,3,4,5]">
 	  <th class="text-center"><nobr>Challenge {{ lvl }}</nobr></th>
-	  <td ng-repeat="(tid,theme) in themes" class="text-center text-bold" ng-controller="ExercicesStatsController">
+	  <td ng-repeat="(tid,theme) in themes" class="text-center text-bold">
 	    <a ng-href="exercices/{{ exercice.id_exercice }}" ng-repeat="exercice in exercices" ng-if="$index == lvl-1 && (exercice.team_tries || lvl == 1)" ng-class="{'text-primary': exercice.solved_count == 0, 'text-success': exercice.solved_count >= 1, 'text-bold': exercice.solved_count >= 1, 'text-warning': exercice.solved_count == 0 && exercice.team_tries}">
 	      <span ng-if="exercice.solved_count">{{ exercice.solved_count }}</span>
 	      <span ng-if="!exercice.solved_count">{{ exercice.team_tries }}</span>
@@ -61,9 +63,11 @@
 	  </td>
 	</tr>
       </tfoot>
-    </table>
+     </table>
+    </div>
   </div>
-
+ </div>
+ <div class="col-sm-5 col-md-4 col-lg-3">
   <div class="card">
     <div class="card-header">
       <h4>Classement</h4>
@@ -78,4 +82,5 @@
       </tbody>
     </table>
   </div>
+ </div>
 </div>