From 69f9d1b2226d1370b91715e98ba8f908d786cf43 Mon Sep 17 00:00:00 2001
From: Valentin CZERYBA <valcze80@gmail.com>
Date: Sun, 7 Aug 2022 00:30:55 +0200
Subject: [PATCH] fix style display

---
 web/css/style.css  |  2 +-
 web/html/user.html | 13 +++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/web/css/style.css b/web/css/style.css
index 6d8650a..67ad106 100644
--- a/web/css/style.css
+++ b/web/css/style.css
@@ -1,3 +1,3 @@
 .hidden {
-    visibility: hidden;
+    display: none;
   }
\ No newline at end of file
diff --git a/web/html/user.html b/web/html/user.html
index 5ae105b..219f15a 100644
--- a/web/html/user.html
+++ b/web/html/user.html
@@ -171,12 +171,13 @@
           <option value="2">En attente de validation</option>
         </select>
       </div>
-      <button type="button" class="btn btn-success hidden" id="enableUser" data-bs-toggle="modal" data-bs-target="#enableUserModal">Activer l'utilisateur</button>
-      <button type="button" class="btn btn-success hidden" id="cancelUser" data-bs-toggle="modal" data-bs-target="#cancelUserModal">Annuler la suppression de l'utilisateur</button>
-      <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#updateUserModal">Mettre à jour l'utilisateur</button>
-      <button type="button" class="btn btn-warning hidden" id="disableUser" data-bs-toggle="modal" data-bs-target="#disableUserModal">Désactiver l'utilisateur</button>
-      <button type="button" class="btn btn-danger" id="removeUser" data-bs-toggle="modal" data-bs-target="#removeUserModal">Supprimer l'utilisateur</button>
-
+      <div class="d-grid gap-2 col-6 mx-auto">
+        <button type="button" class="btn btn-success hidden" id="enableUser" data-bs-toggle="modal" data-bs-target="#enableUserModal">Activer l'utilisateur</button>
+        <button type="button" class="btn btn-success hidden" id="cancelUser" data-bs-toggle="modal" data-bs-target="#cancelUserModal">Annuler la suppression de l'utilisateur</button>
+        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#updateUserModal">Mettre à jour l'utilisateur</button>
+        <button type="button" class="btn btn-warning hidden" id="disableUser" data-bs-toggle="modal" data-bs-target="#disableUserModal">Désactiver l'utilisateur</button>
+        <button type="button" class="btn btn-danger" id="removeUser" data-bs-toggle="modal" data-bs-target="#removeUserModal">Supprimer l'utilisateur</button>
+      </div>
       <div class="modal fade" id="updateUserModal" tabindex="-1" aria-labelledby="updateUserModal" aria-hidden="true">
         <div class="modal-dialog">
           <div class="modal-content">