Checkpoint: Amélioration visuelle de la page des apprenants : l'icône œil (visualisation) s'affiche en bleu, l'icône corbeille en rouge pour mieux signaler l'action destructive. La fonction de chaque apprenant est maintenant colorée (Directeurs en bleu, Chefs de service en vert, Autre en gris) pour faciliter l'identification visuelle rapide et maintenir une cohérence avec le reste de l'interface.

client/src/pages/AdminApprenants.tsx

@@ -295,8 +295,14 @@ export default function AdminApprenants() {
                       <TableCell>{apprenant.email}</TableCell>
                       <TableCell>{apprenant.codeEtablissement}</TableCell>
                       <TableCell>
+                        <span className={`font-semibold ${
+                          apprenant.fonction === "directeur" ? "text-blue-600" :
+                          apprenant.fonction === "chef_service" ? "text-green-600" :
+                          "text-gray-600"
+                        }`}>
                           {apprenant.fonction === "directeur" ? "Directeur" : 
                            apprenant.fonction === "chef_service" ? "Chef de service" : "Autre"}
+                        </span>
                       </TableCell>
                       <TableCell className="text-right">
                         <div className="flex justify-end gap-2">
@@ -306,7 +312,7 @@ export default function AdminApprenants() {
                             onClick={() => setLocation(`/admin/apprenants/${apprenant.id}`)}
                             title="Voir les détails et inscriptions"
                           >
-                            <Eye className="w-4 h-4" />
+                            <Eye className="w-4 h-4 text-blue-600" />
                           </Button>
                           <Button
                             variant="ghost"
@@ -320,7 +326,7 @@ export default function AdminApprenants() {
                             size="icon"
                             onClick={() => handleDelete(apprenant.id)}
                           >
-                            <Trash2 className="w-4 h-4 text-destructive" />
+                            <Trash2 className="w-4 h-4 text-red-600" />
                           </Button>
                         </div>
                       </TableCell>

todo.md

@@ -554,3 +554,9 @@
 ## Correction algorithme de couleur des formations
 
 - [x] Corriger la fonction getFormationColor pour que chaque formation ait une couleur unique
+
+## Amélioration visuelle page des apprenants
+
+- [x] Afficher l'icône corbeille en rouge
+- [x] Afficher l'icône œil en bleu
+- [x] Coloriser la fonction (Directeurs, Chefs de service) comme dans les séquences