From b4e5f22a5e714186dc0e0eb01fdb00f7ff231ef1 Mon Sep 17 00:00:00 2001
From: R0m1k3 <michaelschal@gmail.com>
Date: Thu, 11 Jun 2026 17:00:54 +0200
Subject: [PATCH] fix(ui): restaure le bandeau diagonal Nouveau sur les cartes
 non lues
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le petit point vert peu visible est remplacé par le bandeau d'angle
d'origine (vert nature, texte blanc), découpé dans le coin de la couverture.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 web/src/components/ArticleCard.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/src/components/ArticleCard.tsx b/web/src/components/ArticleCard.tsx
index 0f06dc0..1838018 100644
--- a/web/src/components/ArticleCard.tsx
+++ b/web/src/components/ArticleCard.tsx
@@ -103,11 +103,14 @@ export function ArticleCard({ article, onClick, onToggleRead, onToggleFavorite }
                     </span>
 
                     {!article.is_read && (
-                        <span
-                            className="absolute top-3 right-3 w-2.5 h-2.5 rounded-full bg-nature ring-4 ring-nature/20"
-                            title="Non lu"
+                        <div
+                            className="absolute top-0 right-0 w-24 h-24 overflow-hidden pointer-events-none z-20"
                             aria-label="Article non lu"
-                        />
+                        >
+                            <span className="absolute top-[18px] -right-[34px] w-[140px] rotate-45 bg-nature text-white text-[10px] font-extrabold uppercase tracking-[0.2em] text-center py-1.5 shadow-lg shadow-black/20 border-b border-white/10">
+                                Nouveau
+                            </span>
+                        </div>
                     )}
                 </div>