From 42a5db25d67f68820c49cbe8f93b3d24f2d34278 Mon Sep 17 00:00:00 2001
From: Soriba SYLLA <soribasyllakamsar@gmail.com>
Date: Tue, 20 Oct 2026 10:54:23 +0000
Subject: [PATCH] =?UTF-8?q?Feat/responsivite:=20Ajout=20de=20la=20page=20t?=
 =?UTF-8?q?ableau=20de=20bord=20oubli=C3=A9=20dans=20l'adaptation=20pr?=
 =?UTF-8?q?=C3=A9c=C3=A9dente?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gestion_employe/static/gestion_employe/js/index.js   | 4 ++--
 gestion_employe/templates/gestion_employe/index.html | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/gestion_employe/static/gestion_employe/js/index.js b/gestion_employe/static/gestion_employe/js/index.js
index 9c31f13..2b4f4c6 100644
--- a/gestion_employe/static/gestion_employe/js/index.js
+++ b/gestion_employe/static/gestion_employe/js/index.js
@@ -10,8 +10,8 @@ const tableau_liste_employe = new Tabulator("#tableau_liste_employe", {
         {"title": "Téléphone", "field": "telephone"},
     ],
     pagination: true,
-    paginationSize: 10,
-    responsiveLayout : "hide"
+    paginationSize: 10
+    // responsiveLayout : "hide"
 })
 
 fetch(url_liste_employe)
diff --git a/gestion_employe/templates/gestion_employe/index.html b/gestion_employe/templates/gestion_employe/index.html
index 7e37c58..f86077f 100644
--- a/gestion_employe/templates/gestion_employe/index.html
+++ b/gestion_employe/templates/gestion_employe/index.html
@@ -15,12 +15,12 @@
             {% endfor %}
         {% endif %}
 
-        <div class="row">
+        <div class="row d-flex flex-column flex-lg-row">
             <div class="col text-white bg-success d-flex flex-column justify-content-center align-items-center border rounded p-4">
                 <span class="fs-5">Nombre d'employés</span>
                 <h3>{{ nombre_employes }}</h3>
             </div>
-            <div class="col text-white bg-info d-flex flex-column justify-content-center align-items-center border rounded p-4 mx-3">
+            <div class="col text-white bg-info d-flex flex-column justify-content-center align-items-center border rounded p-4 mx-0 mx-lg-3 my-1 my-lg-0">
                 <span class="fs-5">Nombre de prestataires</span>
                 <h3>{{ nombre_cps }}</h3>
             </div>
@@ -30,7 +30,7 @@
             </div>
         </div>
         <div class="row mt-4">
-            <div class="col d-flex justify-content-between mb-3">
+            <div class="col d-flex flex-column flex-lg-row justify-content-between mb-3">
                 <h3> 
                     <i class="bi bi-people"></i>
                     La liste des employés