3 files changed, 21 insertions, 4 deletions

diff --git a/public/css/maintenance.css b/public/css/maintenance.css
index c82ceda..887f3a7 100644
--- a/public/css/maintenance.css
+++ b/public/css/maintenance.css
@@ -1,3 +1,16 @@
+.maintenance .basic_div
+{
+        margin-top: 8px;
+}
+.maintenance p
+{
+        margin: 10px 0;
+}
+.maintenance #log_table h4
+{
+        margin-top: 10px;
+        margin-bottom: 4px;
+}
 .maintenance table
 {
         border-collapse: collapse;
diff --git a/public/js/maintenance.js b/public/js/maintenance.js
index 7406e0a..84ca8e1 100644
--- a/public/js/maintenance.js
+++ b/public/js/maintenance.js
@@ -1,6 +1,11 @@
 function displayLogs(){
         const log_table = getElementOrThrow('log_table');
-        console.log(log_table);
+        
+        // ouvrir, fermer, recharger
+        if(log_table.innerHTML != ''){
+                log_table.innerHTML = "";
+                return;
+        }
 
         let fetcher = new Fetcher({
                 endpoint: 'index.php?action=get_logs',
diff --git a/src/view/templates/maintenance.php b/src/view/templates/maintenance.php
index 660756b..0118bbf 100644
--- a/src/view/templates/maintenance.php
+++ b/src/view/templates/maintenance.php
@@ -6,10 +6,9 @@
                         <button onclick="displayLogs()">Consulter les journaux de connexion</button><br>
                         <i>Qui a essayé de se connecter, quand et a-t'il réussi?</i>
                 </p>
-                <p>
-                        <button onclick="cleanLogs()">Effacer les journaux de connexion</button>
-                </p>
                 <div id="log_table"></div>
+                <p><button onclick="cleanLogs()">Effacer les journaux de connexion</button></p>
+                
         </div>
         <div class="basic_div">
                 <p>