Checkpoint: Amélioration visuelle de l'affichage des rappels automatiques : ajout de badges colorés avec icônes (🎓 bleu pour formation, 📅 vert pour séquence) tout en conservant le format compact sur une seule ligne. Format : Badge Formation › Badge Séquence : Date1, Date2. Déployé sur le serveur de production.

client/src/pages/AdminRappels.tsx

@@ -283,14 +283,20 @@ export default function AdminRappels() {
     }, {});
 
     return (
-      <div className="space-y-1">
+      <div className="space-y-1.5">
         {Object.values(grouped).map((group: any, groupIdx: number) => (
-          <div key={groupIdx} className="flex items-center gap-1.5 text-sm">
+          <div key={groupIdx} className="flex items-center gap-1.5 flex-wrap">
-            <span className="font-medium text-blue-700">{group.formationNom}</span>
+            <Badge className="bg-blue-100 text-blue-800 border-blue-300 hover:bg-blue-100 text-xs">
-            <span className="text-gray-400">›</span>
+              <GraduationCap className="w-3 h-3 mr-1" />
-            <span className="font-medium text-green-700">{group.sequenceNom}</span>
+              {group.formationNom}
-            <span className="text-gray-400">:</span>
+            </Badge>
-            <span className="text-gray-600">
+            <span className="text-gray-400 text-sm">›</span>
+            <Badge className="bg-green-100 text-green-800 border-green-300 hover:bg-green-100 text-xs">
+              <CalendarDays className="w-3 h-3 mr-1" />
+              {group.sequenceNom}
+            </Badge>
+            <span className="text-gray-400 text-sm">:</span>
+            <span className="text-gray-600 text-sm font-medium">
               {group.dates.map((d: any, idx: number) => (
                 <span key={idx}>
                   {idx > 0 && ", "}

todo.md

@@ -1122,3 +1122,10 @@
 - [x] Resserrer les colonnes pour une meilleure lisibilité
 - [x] Tester les modifications sur sandbox
 - [x] Déployer sur le serveur de production
+
+## Amélioration visuelle rappels automatiques
+
+- [x] Ajouter les icônes colorées (badges) pour formation et séquence
+- [x] Conserver le format compact sur une seule ligne
+- [x] Tester les modifications sur sandbox
+- [x] Déployer sur le serveur de production