From 249f3a750f417e7ad522f5b0d5814a87f11ec860 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Sun, 14 Sep 2025 21:42:39 +0200
Subject: [PATCH] feat: enhance KanbanColumn and TaskCard styles for better
 responsiveness - Updated KanbanColumn to adjust width for medium screens,
 improving layout flexibility. - Modified TaskCard title font size for better
 readability and increased line clamp for title overflow. - Adjusted margin
 for task tags based on task status, enhancing visual clarity.

---
 components/kanban/Column.tsx   | 2 +-
 components/kanban/TaskCard.tsx | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/kanban/Column.tsx b/components/kanban/Column.tsx
index 68c4b1d..2a7c21c 100644
--- a/components/kanban/Column.tsx
+++ b/components/kanban/Column.tsx
@@ -67,7 +67,7 @@ export function KanbanColumn({ id, title, color, tasks, onCreateTask, onDeleteTa
   const badgeVariant = color === 'green' ? 'success' : color === 'blue' ? 'primary' : color === 'red' ? 'danger' : 'default';
 
   return (
-    <div className="flex-shrink-0 w-80 h-full">
+    <div className="flex-shrink-0 w-80 md:w-1/4 md:flex-1 h-full">
       <Card 
         ref={setNodeRef}
         variant="elevated" 
diff --git a/components/kanban/TaskCard.tsx b/components/kanban/TaskCard.tsx
index a41f67b..5c20f20 100644
--- a/components/kanban/TaskCard.tsx
+++ b/components/kanban/TaskCard.tsx
@@ -128,7 +128,7 @@ export function TaskCard({ task, onDelete, onEdit, onUpdateTitle, compactView =
             />
           ) : (
             <h4 
-              className="font-mono text-sm font-medium text-slate-100 leading-tight line-clamp-1 flex-1 cursor-pointer hover:text-cyan-300 transition-colors"
+              className="font-mono text-xs font-medium text-slate-100 leading-tight line-clamp-2 flex-1 cursor-pointer hover:text-cyan-300 transition-colors"
               onClick={handleTitleClick}
               title={onUpdateTitle ? "Cliquer pour éditer" : undefined}
             >
@@ -254,7 +254,11 @@ export function TaskCard({ task, onDelete, onEdit, onUpdateTitle, compactView =
 
       {/* Tags avec couleurs */}
       {task.tags && task.tags.length > 0 && (
-        <div className="mb-3">
+        <div className={
+          (task.dueDate || (task.source && task.source !== 'manual') || task.completedAt) 
+            ? "mb-3" 
+            : "mb-0"
+        }>
           <TagDisplay
             tags={task.tags}
             availableTags={availableTags}