From 62bf5f3a99fefbf6c4999902d50c70bb37d7288a Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Tue, 10 Feb 2026 09:54:35 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Ajout=20d'un=20cadre=20bleu=20(bo?=
 =?UTF-8?q?rder-2=20border-blue-500)=20autour=20des=20images=20de=20signat?=
 =?UTF-8?q?ure=20des=20apprenants=20et=20formateurs=20dans=20la=20page=20d?=
 =?UTF-8?q?'=C3=A9margement.=20L'effet=20hover=20passe=20au=20bleu=20fonc?=
 =?UTF-8?q?=C3=A9=20(border-blue-700)=20pour=20une=20meilleure=20interacti?=
 =?UTF-8?q?vit=C3=A9=20visuelle.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/FormateurEmargement.tsx | 8 ++++----
 todo.md                                  | 7 +++++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/FormateurEmargement.tsx b/client/src/pages/FormateurEmargement.tsx
index 118614e..5e96ac8 100644
--- a/client/src/pages/FormateurEmargement.tsx
+++ b/client/src/pages/FormateurEmargement.tsx
@@ -384,7 +384,7 @@ export default function FormateurEmargement() {
                                           <img
                                             src={presenceInfo.signatureUrl}
                                             alt="Signature"
-                                            className="h-8 w-16 object-contain border border-gray-300 rounded cursor-pointer hover:border-blue-500 transition-colors"
+                                            className="h-8 w-16 object-contain border-2 border-blue-500 rounded cursor-pointer hover:border-blue-700 transition-colors"
                                             onClick={() => {
                                               setSelectedSignature(presenceInfo.signatureUrl!);
                                               setShowSignatureDialog(true);
@@ -440,7 +440,7 @@ export default function FormateurEmargement() {
                                           <img
                                             src={presenceInfo.signatureUrl}
                                             alt="Signature"
-                                            className="h-8 w-16 object-contain border border-gray-300 rounded cursor-pointer hover:border-blue-500 transition-colors"
+                                            className="h-8 w-16 object-contain border-2 border-blue-500 rounded cursor-pointer hover:border-blue-700 transition-colors"
                                             onClick={() => {
                                               setSelectedSignature(presenceInfo.signatureUrl!);
                                               setShowSignatureDialog(true);
@@ -556,7 +556,7 @@ export default function FormateurEmargement() {
                               <img
                                 src={dateGroup.matin.signatureUrl}
                                 alt="Signature formateur"
-                                className="h-8 w-16 object-contain border border-gray-300 rounded cursor-pointer hover:border-blue-500 transition-colors"
+                                className="h-8 w-16 object-contain border-2 border-blue-500 rounded cursor-pointer hover:border-blue-700 transition-colors"
                                 onClick={() => {
                                   setSelectedSignature(dateGroup.matin.signatureUrl!);
                                   setShowSignatureDialog(true);
@@ -591,7 +591,7 @@ export default function FormateurEmargement() {
                               <img
                                 src={dateGroup.apres_midi.signatureUrl}
                                 alt="Signature formateur"
-                                className="h-8 w-16 object-contain border border-gray-300 rounded cursor-pointer hover:border-blue-500 transition-colors"
+                                className="h-8 w-16 object-contain border-2 border-blue-500 rounded cursor-pointer hover:border-blue-700 transition-colors"
                                 onClick={() => {
                                   setSelectedSignature(dateGroup.apres_midi.signatureUrl!);
                                   setShowSignatureDialog(true);
diff --git a/todo.md b/todo.md
index a0be5d4..db14586 100644
--- a/todo.md
+++ b/todo.md
@@ -1566,3 +1566,10 @@
 - [x] Modifier l'affichage des lignes de présence formateurs pour inclure les images de signature matin et après-midi
 - [x] Ajuster le layout pour que les images s'affichent correctement à côté des informations existantes
 - [x] Déployer sur le serveur de test (recette) uniquement
+
+## Ajouter un cadre bleu autour des images de signature
+
+- [x] Modifier les classes CSS des images de signature pour ajouter une bordure bleue
+- [x] Appliquer le cadre bleu aux signatures apprenants
+- [x] Appliquer le cadre bleu aux signatures formateurs
+- [x] Déployer sur production (recette indisponible temporairement)