From 5894b486b79bca8548dcb19b5e67e70f512e2644 Mon Sep 17 00:00:00 2001
From: R0m1k3 <michaelschal@gmail.com>
Date: Wed, 10 Dec 2025 13:03:30 +0100
Subject: [PATCH] feat: implement mobile task management page with create and
 edit task form

---
 client/src/pages/mobile/TasksPage.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/mobile/TasksPage.tsx b/client/src/pages/mobile/TasksPage.tsx
index c5544f6..f2aebfe 100644
--- a/client/src/pages/mobile/TasksPage.tsx
+++ b/client/src/pages/mobile/TasksPage.tsx
@@ -367,7 +367,7 @@ export default function MobileTasksPage() {
     }
 
     return (
-        <div className="min-h-screen bg-gray-50 pb-24">
+        <div className="min-h-screen bg-gray-50 pb-24 overflow-x-hidden max-w-full">
             {/* Header */}
             <div className="bg-white border-b sticky top-0 z-40">
                 <div className="p-4">
@@ -391,17 +391,17 @@ export default function MobileTasksPage() {
                     </div>
 
                     {/* Tabs */}
-                    <div className="flex gap-2">
+                    <div className="flex gap-1 w-full">
                         {(['pending', 'completed', 'all'] as const).map((tab) => (
                             <Button
                                 key={tab}
                                 variant={activeTab === tab ? 'default' : 'outline'}
                                 size="sm"
                                 onClick={() => setActiveTab(tab)}
-                                className="flex-1 h-10"
+                                className="flex-1 h-10 text-xs px-2 min-w-0"
                             >
                                 {tab === 'pending' && 'En cours'}
-                                {tab === 'completed' && 'Terminées'}
+                                {tab === 'completed' && 'Faites'}
                                 {tab === 'all' && 'Toutes'}
                             </Button>
                         ))}