From 4748b4e44004b6e3abfdb04d0c81359203d68c3b Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Tue, 20 Jan 2026 15:14:57 +0000
Subject: [PATCH] d

---
 Bootstrap_new/css/style_office.css | 46 ++++++++++++++++++++++++++++++
 Vue/gabarit.php                    |  2 +-
 2 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/Bootstrap_new/css/style_office.css b/Bootstrap_new/css/style_office.css
index e8ce839..c338955 100644
--- a/Bootstrap_new/css/style_office.css
+++ b/Bootstrap_new/css/style_office.css
@@ -124,6 +124,52 @@ body {
     padding: 0 24px;
 }
 
+/* 1. Réduction de l'espace global du bouton */
+#userDropdownBtn {
+    gap: 8px; /* Contrôle l'espace entre avatar, texte et flèche */
+}
+
+/* 2. Réduction des textes */
+.user-name {
+    font-size: 0.85rem !important; /* Un peu plus petit */
+    margin-bottom: -2px; /* Rapproche le nom du rôle */
+}
+
+.user-role {
+    font-size: 0.75rem !important;
+    opacity: 0.8;
+}
+
+/* 3. Réduction de l'avatar */
+.user-avatar {
+    width: 32px !important;  /* Au lieu de 36 ou 40 */
+    height: 32px !important;
+    font-size: 0.8rem;       /* Initiales plus petites */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* 4. Rapprochement de la flèche */
+.user-arrow {
+    font-size: 0.7rem;
+    margin-left: 4px !important; /* Espace réduit avec le texte */
+}
+
+/* 5. Densité du menu déroulant (Dropdown) */
+.dropdown-menu {
+    padding: 0.25rem 0; /* Moins d'espace en haut et en bas du menu */
+}
+
+.dropdown-item {
+    padding: 0.4rem 1rem; /* Items plus serrés */
+    font-size: 0.85rem;
+}
+
+.dropdown-header {
+    padding: 0.5rem 1rem;
+}
+
 .logo-container {
     display: flex;
     align-items: center;
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 8c4f123..421fd00 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -126,7 +126,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         <link rel="manifest" href="<?= $racineWeb ?>manifest.json">
         
         <!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) -->
-        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.20.03" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.20.04" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- Charts -->