admin: use spacing bootstrap utility

admin/static/views/exercice.html

@@ -24,14 +24,14 @@
 
 <hr>
 
-<div class="row" ng-show="exercice.id">
+<div class="row mb-5" ng-show="exercice.id">
 
   <div class="col-md-4" ng-controller="ExerciceHintsController">
     <div class="card border-info">
       <div class="card-header bg-info text-light">
-	<button ng-click="addHint()" class="float-right btn btn-sm btn-primary" style="margin-left: 7px"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
+	<button ng-click="addHint()" class="float-right btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
-	<button ng-click="syncHints()" class="float-right btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
+	<button ng-click="syncHints()" class="float-right btn btn-sm btn-light ml-2"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
-	<h4 style="margin:0">Indices</h4>
+	<h4 class="m-0">Indices</h4>
       </div>
       <div class="list-group">
 	<form ng-submit="saveHint()" class="list-group-item form-horizontal bg-light text-dark" ng-repeat="hint in hints">
@@ -61,9 +61,9 @@
   <div class="col-md-4" ng-controller="ExerciceFilesController">
     <div class="card border-secondary">
       <div class="card-header bg-secondary text-light">
-	<button ng-click="addFile()" class="float-right btn btn-sm btn-primary" style="margin-left: 7px"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
+	<button ng-click="addFile()" class="float-right btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
-	<button ng-click="syncFiles()" class="float-right btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
+	<button ng-click="syncFiles()" class="float-right btn btn-sm btn-light ml-2"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
-	<h4 style="margin:0">Téléchargements</h4>
+	<h4 class="m-0">Téléchargements</h4>
       </div>
       <div class="list-group">
 	<form ng-submit="saveFile()" class="list-group-item bg-light text-dark" ng-repeat="file in files">
@@ -83,8 +83,8 @@
   <div class="col-md-4" ng-controller="ExerciceKeysController">
     <div class="card border-success">
       <div class="card-header bg-success text-light">
-	<button ng-click="addKey()" class="float-right btn btn-sm btn-primary" style="margin-left: 7px"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
+	<button ng-click="addKey()" class="float-right btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
-	<button ng-click="syncKeys()" class="float-right btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
+	<button ng-click="syncKeys()" class="float-right btn btn-sm btn-light ml-2"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
 	<h4>Drapeaux</h4>
       </div>
       <div class="list-group">
@@ -113,7 +113,7 @@
 
     <div class="card border-success mt-2" ng-controller="ExerciceMCQKeysController">
       <div class="card-header bg-success text-light">
-	<button ng-click="addQuiz()" class="float-right btn btn-sm btn-primary" style="margin-left: 7px"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
+	<button ng-click="addQuiz()" class="float-right btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
 	<h4>Quizz</h4>
       </div>
       <div class="list-group">

admin/static/views/settings.html

@@ -123,7 +123,7 @@
 </form>
 </div>
 
-<div class="card-deck" style="margin-bottom: 35px">
+<div class="card-deck mb-5">
   <div class="card">
     <button ng-click="reset('challenges')" class="btn btn-secondary" type="button"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Effacer les challenges et les thèmes</button>
   </div>

admin/static/views/team-edit.html

@@ -37,11 +37,11 @@
 <div class="card-deck">
   <form ng-submit="saveTeamMembers()" class="card" ng-if="team.id" ng-controller="TeamMembersController">
     <div class="card-header bg-info text-light">
-      <button type="submit" class="float-right btn btn-sm btn-primary" style="margin-left: 10px">
+      <button type="submit" class="float-right btn btn-sm btn-primary ml-2">
 	<span class="glyphicon glyphicon-save" aria-hidden="true"></span> Save</button>
-      <button ng-click="newMember()" class="float-right btn btn-sm btn-secondary">
+      <button ng-click="newMember()" class="float-right btn btn-sm btn-secondary ml-2">
 	<span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
-      <h4 style="margin:0"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Membres</h4>
+      <h4 class="m-0"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Membres</h4>
     </div>
     <div class="card-body bg-light text-dark" ng-if="members.length == 0">
       This team has no member!

admin/static/views/team-print.html

@@ -24,8 +24,8 @@
       <td>
 	{{ team.name }}
       </td>
-      <td ng-controller="TeamMembersController" style="padding: 0;">
+      <td ng-controller="TeamMembersController" class="p-0">
-	<table class="table table-hover table-sm bg-light" style="margin: 0;">
+	<table class="table table-hover table-sm bg-light m-0">
 	  <tr class="row" ng-repeat="member in members">
 	    <td class="col-sm-3" ng-repeat="field in fields">
 	      {{ member[field] }}

admin/static/views/team-stats.html

@@ -33,7 +33,7 @@
   <h2>Exercices résolus : {{ solved_exercices }}/{{ exercices.length }} {{ solved_exercices * 100 / exercices.length | number:0 }}%</h2>
 
   <dl>
-    <div style="float: left;padding: 0 5px; margin: 5px; border: 1px solid #ccc; border-radius: 3px; min-width: 5vw" ng-repeat="(tid,theme) in themes" class="text-center">
+    <div style="float: left;padding: 0 5px; border: 1px solid #ccc; border-radius: 3px; min-width: 5vw" ng-repeat="(tid,theme) in themes" class="text-center m-1">
       <dt ng-bind="theme.name"></dt>
       <dd>
 	<ul class="list-unstyled">

admin/static/views/theme-list.html

@@ -1,7 +1,7 @@
 <h2>
   Thèmes
-  <button ng-click="show('new')" class="float-right btn btn-sm btn-primary"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter un thème</button>
+  <button ng-click="show('new')" class="float-right btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter un thème</button>
-  <button ng-click="sync()" ng-class="{'disabled': inSync}" class="float-right btn btn-sm btn-secondary" style="margin-right: 10px;"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
+  <button ng-click="sync()" ng-class="{'disabled': inSync}" class="float-right btn btn-sm btn-secondary ml-2"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
 </h2>
 
 <p><input type="search" class="form-control" placeholder="Search" ng-model="query" autofocus></p>

admin/static/views/theme.html

@@ -21,9 +21,9 @@
 
 <div ng-show="theme.id" ng-controller="ExercicesListController">
   <h3>
-    Exercices
+    Exercices ({{ exercices.length }})
-    <button ng-click="show('new')" class="float-right btn btn-sm btn-primary" style="margin-left: 10px;"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter un exercice</button>
+    <button ng-click="show('new')" class="float-right btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter un exercice</button>
-    <button ng-click="syncExo()" ng-class="{'disabled': inSync}" class="float-right btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
+    <button ng-click="syncExo()" ng-class="{'disabled': inSync}" class="float-right btn btn-sm btn-light ml-2"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
   </h3>
 
   <p><input type="search" class="form-control" placeholder="Search" ng-model="query" autofocus></p>