From 2161dfc8a34bbe33127f2494fa1ca36dc2cc4c22 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Mon, 16 Mar 2026 15:41:22 -0400
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Bouton=20D=C3=A9tail=20en=20bleu?=
 =?UTF-8?q?=20doux=20(bg-blue-50/border-blue-200)=20et=20bouton=20Lien=20e?=
 =?UTF-8?q?xterne=20en=20vert=20=C3=A9meraude=20(bg-emerald-50/border-emer?=
 =?UTF-8?q?ald-200),=20avec=20fond=20arrondi,=20bordure=20et=20effet=20hov?=
 =?UTF-8?q?er?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/VeilleDashboard.tsx | 14 +++++++-------
 todo.md                              |  1 +
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/client/src/pages/VeilleDashboard.tsx b/client/src/pages/VeilleDashboard.tsx
index c4d7384..c9f4d80 100644
--- a/client/src/pages/VeilleDashboard.tsx
+++ b/client/src/pages/VeilleDashboard.tsx
@@ -386,25 +386,25 @@ function VeilleListView({ items, onDetail }: { items: VeilleItem[]; onDetail: (i
                 <td className="px-4 py-3 text-muted-foreground text-xs">{item.territoire || "—"}</td>
                 <td className="px-4 py-3 text-muted-foreground text-xs whitespace-nowrap">{formatDate(item.datePublication) || "—"}</td>
                 <td className="px-4 py-3">
-                  <div className="flex items-center gap-2">
-                    {/* Bouton Détail */}
+                  <div className="flex items-center gap-1.5">
+                    {/* Bouton Détail — bleu */}
                     <button
                       onClick={() => onDetail(item)}
-                      className="text-muted-foreground hover:text-primary transition-colors"
+                      className="inline-flex items-center justify-center w-7 h-7 rounded-md bg-blue-50 text-blue-600 hover:bg-blue-100 hover:text-blue-700 transition-colors border border-blue-200"
                       title="Voir le détail complet"
                     >
-                      <Eye size={15} />
+                      <Eye size={13} />
                     </button>
-                    {/* Bouton Lien externe */}
+                    {/* Bouton Lien externe — vert */}
                     {item.lien && (
                       <a
                         href={item.lien}
                         target="_blank"
                         rel="noopener noreferrer"
-                        className="text-muted-foreground hover:text-accent transition-colors"
+                        className="inline-flex items-center justify-center w-7 h-7 rounded-md bg-emerald-50 text-emerald-600 hover:bg-emerald-100 hover:text-emerald-700 transition-colors border border-emerald-200"
                         title="Ouvrir la source"
                       >
-                        <ExternalLink size={15} />
+                        <ExternalLink size={13} />
                       </a>
                     )}
                   </div>
diff --git a/todo.md b/todo.md
index c5dbc5f..ac6458a 100644
--- a/todo.md
+++ b/todo.md
@@ -40,3 +40,4 @@
 - [x] Page Paramètres : afficher les zones d'upload (drag & drop) quand la source "local" est sélectionnée
 - [x] Veille : bouton "Détail" sur chaque ligne ouvrant une boîte de dialogue avec toutes les infos complètes
 - [x] Boîte de dialogue Veille : couleurs douces distinctes pour les vignettes Niveau, Territoire et Source
+- [x] Vue liste Veille : coloriser les boutons d'action (Détail et Lien externe)