From 5dc335ad17a8fbbdf9c9eaa98f66c7a72f2c34bf Mon Sep 17 00:00:00 2001
From: Gilles Soulier <gil.soulier@gmail.com>
Date: Mon, 25 May 2026 06:31:04 +0200
Subject: [PATCH] =?UTF-8?q?refactor(todos):=20FAB=20unique=20+=20pour=20cr?=
 =?UTF-8?q?=C3=A9er=20une=20t=C3=A2che=20(mobile=20et=20laptop)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Supprime le bouton "Nouvelle tâche" laptop, remplace par le même FAB
circulaire que mobile — position adaptée (bottom: 72px mobile, 24px laptop).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/pages/TodosPage.tsx | 32 ++------------------------------
 1 file changed, 2 insertions(+), 30 deletions(-)

diff --git a/frontend/src/pages/TodosPage.tsx b/frontend/src/pages/TodosPage.tsx
index 36409d4..1d9cf1f 100644
--- a/frontend/src/pages/TodosPage.tsx
+++ b/frontend/src/pages/TodosPage.tsx
@@ -395,15 +395,12 @@ export default function TodosPage() {
         )}
       </div>
 
-      {/* FAB mobile */}
+      {/* FAB création — mobile : au-dessus de la barre de nav ; laptop : coin bas-droit */}
       <button
-        className="lg:hidden"
+        className="fixed bottom-[72px] right-5 lg:bottom-6 lg:right-6"
         onClick={() => setShowForm(true)}
         aria-label="Nouvelle tâche"
         style={{
-          position: 'fixed',
-          bottom: 72,
-          right: 20,
           width: 56,
           height: 56,
           borderRadius: '50%',
@@ -419,31 +416,6 @@ export default function TodosPage() {
           lineHeight: 1,
         }}
       >+</button>
-
-      {/* Bouton création laptop */}
-      <button
-        className="hidden lg:flex"
-        onClick={() => setShowForm(true)}
-        style={{
-          position: 'fixed',
-          bottom: 24,
-          right: 24,
-          padding: '10px 20px',
-          borderRadius: 8,
-          background: 'var(--accent)',
-          color: '#1d2021',
-          border: 'none',
-          cursor: 'pointer',
-          fontFamily: 'var(--font-ui)',
-          fontWeight: 600,
-          fontSize: 14,
-          boxShadow: '0 4px 12px rgba(0,0,0,0.4)',
-          alignItems: 'center',
-          gap: 6,
-        }}
-      >
-        + Nouvelle tâche
-      </button>
     </div>
   )
 }