d

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;

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 -->