admin/ui: Improve home page

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>