Ameliorations

assets/styles/dashboard/logbook_dashboard.css

@@ -102,7 +102,7 @@
 .scrollable-modules {
     max-height: 600px;
     overflow-y: auto;
-    padding: 0;
+    padding: 10px 0 0 0;
 }
 
 .scrollable-modules .list-group {
@@ -144,7 +144,6 @@
 
 .list-group-item:hover {
     background: #fafafa;
-    padding-left: 1.5rem;
 }
 
 .list-group-item span:first-child {
@@ -219,18 +218,6 @@
     position: relative;
 }
 
-.badge.bg-warning::before {
-    content: '';
-    position: absolute;
-    top: -2px;
-    right: -2px;
-    width: 6px;
-    height: 6px;
-    background: #dc2626;
-    border-radius: 50%;
-    border: 2px solid white;
-}
-
 .badge i {
     font-size: 0.75rem;
     margin-right: 0.25rem;
@@ -333,12 +320,29 @@
     .accordion-button {
         font-size: 0.9rem;
         padding: 0.875rem 1rem;
+        flex-wrap: wrap;
     }
 
     .accordion-button span {
         font-size: 0.875rem;
     }
 
+    /* Forcer le passage à la ligne des badges sur tablette */
+    .accordion-button > .d-flex.align-items-center.gap-3 {
+        flex-wrap: wrap;
+        gap: 0.5rem !important;
+        margin-top: 0.5rem;
+        width: 100%;
+    }
+
+    .accordion-button > .d-flex.align-items-center.gap-3 > div {
+        font-size: 0.8rem;
+    }
+
+    .accordion-button > .d-flex.align-items-center.gap-3 small {
+        font-size: 0.7rem;
+    }
+
     .scrollable-modules {
         max-height: 400px;
     }
@@ -360,6 +364,41 @@
     }
 }
 
+/* Responsive pour petits smartphones (≤480px) */
+@media (max-width: 480px) {
+    .accordion-button {
+        font-size: 0.85rem;
+        padding: 0.75rem 0.875rem;
+    }
+
+    /* Affichage vertical des badges */
+    .accordion-button > .d-flex.align-items-center.gap-3 {
+        flex-direction: column;
+        align-items: flex-start !important;
+        gap: 0.375rem !important;
+        margin-top: 0.5rem;
+        width: 100%;
+    }
+
+    .accordion-button > .d-flex.align-items-center.gap-3 > div {
+        width: 100%;
+    }
+
+    .accordion-button > .d-flex.align-items-center.gap-3 small {
+        font-size: 0.65rem;
+        min-width: 70px;
+    }
+
+    .accordion-button > .d-flex.align-items-center.gap-3 .badge {
+        font-size: 0.65rem;
+        padding: 0.2rem 0.5rem;
+    }
+
+    .badge i {
+        font-size: 0.7rem;
+    }
+}
+
 /* Print Styles */
 @media print {
     .accordion-button {