From 9ec95dfc9177fbc9e126e47d031aa2990e28e390 Mon Sep 17 00:00:00 2001
From: syoul <syoul@librezo.fr>
Date: Tue, 24 Mar 2026 12:52:51 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20bouton=20Clusters=20bottom-36=20?=
 =?UTF-8?q?=E2=80=94=20d=C3=A9passe=20le=20bord=20sup=C3=A9rieur=20de=20l'?=
 =?UTF-8?q?AnimationPlayer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Player: bottom-4 + ~114px hauteur → bord sup à ~130px.
bottom-32 (128px) chevauchait de 2px. bottom-36 (144px) donne 14px de marge.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/FlowMap.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FlowMap.tsx b/src/components/FlowMap.tsx
index 68c263f..6dce757 100644
--- a/src/components/FlowMap.tsx
+++ b/src/components/FlowMap.tsx
@@ -350,7 +350,7 @@ export function FlowMap({ arcs, focusCity, onCityClick }: FlowMapProps) {
       {/* Bouton cluster / villes */}
       <button
         onClick={() => setClustered(c => !c)}
-        className={`absolute bottom-32 left-4 z-[1002] px-3 py-1.5 rounded-lg text-xs font-medium border transition-all duration-200 ${
+        className={`absolute bottom-36 left-4 z-[1002] px-3 py-1.5 rounded-lg text-xs font-medium border transition-all duration-200 ${
           clustered
             ? 'bg-[#d4a843] text-[#0a0b0f] border-[#d4a843] shadow-[0_0_10px_rgba(212,168,67,0.35)]'
             : 'bg-[#0a0b0f]/90 text-[#6b7280] border-[#2e2f3a] hover:text-[#d4a843] hover:border-[#d4a843]'