From a6bc0727b21c0a15f6dd135de80bf0b9380ed119 Mon Sep 17 00:00:00 2001
From: nemunaire <nemunaire@nemunai.re>
Date: Sun, 24 Jun 2018 18:19:19 +0200
Subject: [PATCH] admin: use spacing bootstrap utility

---
 admin/static/views/exercice.html   | 20 ++++++++++----------
 admin/static/views/settings.html   |  2 +-
 admin/static/views/team-edit.html  |  6 +++---
 admin/static/views/team-print.html |  4 ++--
 admin/static/views/team-stats.html |  2 +-
 admin/static/views/theme-list.html |  4 ++--
 admin/static/views/theme.html      |  6 +++---
 7 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/admin/static/views/exercice.html b/admin/static/views/exercice.html
index a220e6d0..4a44b014 100644
--- a/admin/static/views/exercice.html
+++ b/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="syncHints()" class="float-right btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
-	<h4 style="margin:0">Indices</h4>
+	<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 ml-2"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
+	<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="syncFiles()" class="float-right btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
-	<h4 style="margin:0">Téléchargements</h4>
+	<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 ml-2"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
+	<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="syncKeys()" class="float-right btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" 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 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">
diff --git a/admin/static/views/settings.html b/admin/static/views/settings.html
index 6b0cb2d7..fafbe988 100644
--- a/admin/static/views/settings.html
+++ b/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>
diff --git a/admin/static/views/team-edit.html b/admin/static/views/team-edit.html
index 2e34c5d7..ab560e30 100644
--- a/admin/static/views/team-edit.html
+++ b/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!
diff --git a/admin/static/views/team-print.html b/admin/static/views/team-print.html
index b767a3c3..c082db2e 100644
--- a/admin/static/views/team-print.html
+++ b/admin/static/views/team-print.html
@@ -24,8 +24,8 @@
       <td>
 	{{ team.name }}
       </td>
-      <td ng-controller="TeamMembersController" style="padding: 0;">
-	<table class="table table-hover table-sm bg-light" style="margin: 0;">
+      <td ng-controller="TeamMembersController" class="p-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] }}
diff --git a/admin/static/views/team-stats.html b/admin/static/views/team-stats.html
index d64b278c..7c264afb 100644
--- a/admin/static/views/team-stats.html
+++ b/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">
diff --git a/admin/static/views/theme-list.html b/admin/static/views/theme-list.html
index 67ba4e5e..7d93002c 100644
--- a/admin/static/views/theme-list.html
+++ b/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="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="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 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>
diff --git a/admin/static/views/theme.html b/admin/static/views/theme.html
index 6f36f066..9de3be2b 100644
--- a/admin/static/views/theme.html
+++ b/admin/static/views/theme.html
@@ -21,9 +21,9 @@
 
 <div ng-show="theme.id" ng-controller="ExercicesListController">
   <h3>
-    Exercices
-    <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="syncExo()" ng-class="{'disabled': inSync}" class="float-right btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
+    Exercices ({{ exercices.length }})
+    <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 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>