From aa3f20ee8fe4fabad1d784483697d9af9493acdb Mon Sep 17 00:00:00 2001
From: caty21 <caty21@users.noreply.github.com>
Date: Sat, 27 Jun 2026 16:14:38 +0200
Subject: [PATCH] fix: time + Analyse button inline with impact badges in
 NewsCard

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/NewsTab.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/NewsTab.tsx b/components/NewsTab.tsx
index 6e04d68..324020c 100644
--- a/components/NewsTab.tsx
+++ b/components/NewsTab.tsx
@@ -341,7 +341,6 @@ function NewsCard({ item, activeCcy }: { item: NewsItem; activeCcy: Currency | n
           {isPriority && (
             <span className="text-[9px] text-amber-500 font-bold">⚡ Prioritaire</span>
           )}
-          <span className="ml-auto text-[10px] text-slate-600 shrink-0">{formatRelativeTime(item.publishedAt)}</span>
         </div>
 
         {/* Titre */}
@@ -376,10 +375,13 @@ function NewsCard({ item, activeCcy }: { item: NewsItem; activeCcy: Currency | n
                  <Minus size={9} />}
               </div>
             ))}
-            <button onClick={() => setExpanded(e => !e)}
-              className="text-[9px] text-slate-600 hover:text-slate-400 px-1.5 py-0.5 rounded-full border border-slate-700/30 ml-auto">
-              {expanded ? "▲" : "▼ Analyse"}
-            </button>
+            <div className="ml-auto flex items-center gap-1.5 shrink-0">
+              <span className="text-[10px] text-slate-600">{formatRelativeTime(item.publishedAt)}</span>
+              <button onClick={() => setExpanded(e => !e)}
+                className="text-[9px] text-slate-500 hover:text-slate-300 px-1.5 py-0.5 rounded-full border border-slate-700/30">
+                {expanded ? "▲" : "▼ Analyse"}
+              </button>
+            </div>
           </div>
         )}