From b66d6b406fea104dc91978cda01c51cbecd8c6ef Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Mon, 19 Jan 2026 09:24:33 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Am=C3=A9lioration=20visuelle=20:?=
 =?UTF-8?q?=20Ajout=20d'une=20alternance=20de=20couleurs=20(zebra=20stripi?=
 =?UTF-8?q?ng)=20sur=20le=20tableau=20des=20rappels.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

**Modification apportée :**
- Alternance de fond entre lignes paires (blanc) et impaires (gris très clair bg-gray-50/50)
- Améliore la lisibilité et facilite le suivi visuel des lignes
- Effet subtil et élégant grâce à l'opacité réduite

**Résultat :**
Tableau plus lisible et professionnel, conforme aux standards modernes d'interface utilisateur.
---
 client/src/pages/AdminRappels.tsx | 4 ++--
 todo.md                           | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/AdminRappels.tsx b/client/src/pages/AdminRappels.tsx
index 1a1f036..63c1410 100644
--- a/client/src/pages/AdminRappels.tsx
+++ b/client/src/pages/AdminRappels.tsx
@@ -416,8 +416,8 @@ export default function AdminRappels() {
                       }
                       return true;
                     })
-                    .map((rappel) => (
-                    <TableRow key={rappel.id}>
+                    .map((rappel, index) => (
+                    <TableRow key={rappel.id} className={index % 2 === 0 ? "bg-white" : "bg-gray-50/50"}>
                       <TableCell className="font-medium">
                         <div className="flex items-center gap-2">
                           {rappel.datesDetails && rappel.datesDetails.length > 0 ? (
diff --git a/todo.md b/todo.md
index 3ff0774..34b2b5b 100644
--- a/todo.md
+++ b/todo.md
@@ -930,3 +930,10 @@
 - [x] Rendre le badge "Oui" cliquable pour télécharger directement la pièce jointe
 - [x] Tester les fonctionnalités
 - [x] Déployer sur le VPS
+
+## Alternance de couleurs sur tableau des rappels
+
+- [x] Ajouter une classe CSS pour l'alternance de couleurs (zebra striping)
+- [x] Appliquer la classe aux lignes du tableau
+- [x] Tester le rendu visuel
+- [x] Déployer sur le VPS