From 96d1fabc4c1a2b3be042b306dfdb0e02f26a9d12 Mon Sep 17 00:00:00 2001
From: Markov <markov@uix.su>
Date: Sun, 15 Feb 2026 20:51:33 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20task=20card=20layout=20=E2=80=94=20key+p?=
 =?UTF-8?q?riority=20on=20top,=20title=20on=20separate=20line?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/KanbanBoard.tsx | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/components/KanbanBoard.tsx b/src/components/KanbanBoard.tsx
index c0cdd56..da51b35 100644
--- a/src/components/KanbanBoard.tsx
+++ b/src/components/KanbanBoard.tsx
@@ -130,16 +130,14 @@ export default function KanbanBoard({ projectId }: Props) {
                              hover:border-[var(--accent)] transition-colors"
                   onClick={() => setSelectedTask(task)}
                 >
-                  <div className="flex items-start gap-2">
+                  <div className="flex items-center gap-1.5 mb-1">
                     <div
-                      className="w-2 h-2 rounded-full mt-1.5 shrink-0"
+                      className="w-2 h-2 rounded-full shrink-0"
                       style={{ background: PRIORITY_COLORS[task.priority] || "#737373" }}
                     />
-                    <div className="flex-1"><span className="text-xs text-[var(--muted)] mr-1">{task.key}</span><span className="text-sm">{task.title}</span></div>
+                    <span className="text-xs text-[var(--muted)]">{task.key}</span>
                   </div>
-                  {task.description && (
-                    <p className="text-xs text-[var(--muted)] mt-1 ml-4">{task.description}</p>
-                  )}
+                  <div className="text-sm ml-3.5">{task.title}</div>
                   {/* Move buttons */}
                   <div className="flex gap-1 mt-2 ml-4">
                     {colIndex > 0 && (
@@ -218,17 +216,15 @@ export default function KanbanBoard({ projectId }: Props) {
                     className="bg-[var(--card)] border border-[var(--border)] rounded-lg p-3 cursor-grab
                                hover:border-[var(--accent)] transition-colors active:cursor-grabbing"
                   >
-                    <div className="flex items-start gap-2">
+                    <div className="flex items-center gap-1.5 mb-1">
                       <div
-                        className="w-2 h-2 rounded-full mt-1.5 shrink-0"
+                        className="w-2 h-2 rounded-full shrink-0"
                         style={{ background: PRIORITY_COLORS[task.priority] || "#737373" }}
                         title={task.priority}
                       />
-                      <div><span className="text-xs text-[var(--muted)] mr-1">{task.key}</span><span className="text-sm">{task.title}</span></div>
+                      <span className="text-xs text-[var(--muted)]">{task.key}</span>
                     </div>
-                    {task.description && (
-                      <p className="text-xs text-[var(--muted)] mt-1 ml-4 line-clamp-2">{task.description}</p>
-                    )}
+                    <div className="text-sm ml-3.5">{task.title}</div>
                   </div>
                 ))}