From bd7a7d96fe5625741d8c6c8b58cf50a2a93dd91c Mon Sep 17 00:00:00 2001
From: DCCONSTRUCTIONS <dcconstructions@MacBook-Pro-DCCONSTRUCTIONS-2.local>
Date: Mon, 20 Apr 2026 08:32:27 +0300
Subject: [PATCH] =?UTF-8?q?UI=20-=20=D0=9C=D0=95=D0=96=D0=9F=D0=A0=D0=9E?=
 =?UTF-8?q?=D0=95=D0=9A=D0=A2=D0=9D=D0=90=D0=AF=20=D0=9A=D0=9E=D0=9C=D0=9C?=
 =?UTF-8?q?=D0=A3=D0=9D=D0=98=D0=9A=D0=90=D0=A6=D0=98=D0=AF:=20=D0=B2?=
 =?UTF-8?q?=D1=8B=D1=80=D0=B0=D0=B2=D0=BD=D0=B8=D0=B2=D0=B0=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D0=B3=D0=B5=D0=BE=D0=BC=D0=B5=D1=82=D1=80=D0=B8=D0=B8?=
 =?UTF-8?q?=20=D0=BA=D0=B0=D1=80=D1=82=D0=BE=D1=87=D0=B5=D0=BA=20=D0=B2?=
 =?UTF-8?q?=D0=BD=D1=83=D1=82=D1=80=D0=B5=D0=BD=D0=BD=D0=B5=D0=B3=D0=BE=20?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=BD=D1=82=D1=83=D1=80=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../kanban/internal-contour-card.tsx          | 110 +++++++++---------
 1 file changed, 57 insertions(+), 53 deletions(-)

diff --git a/plane-src/apps/web/core/components/issues/issue-layouts/kanban/internal-contour-card.tsx b/plane-src/apps/web/core/components/issues/issue-layouts/kanban/internal-contour-card.tsx
index ecc996b..ec08e56 100644
--- a/plane-src/apps/web/core/components/issues/issue-layouts/kanban/internal-contour-card.tsx
+++ b/plane-src/apps/web/core/components/issues/issue-layouts/kanban/internal-contour-card.tsx
@@ -108,68 +108,72 @@ export const InternalContourKanbanCard = observer(function InternalContourKanban
   );
 
   return (
-    <div className={cn("relative flex min-h-[220px] flex-col gap-4", foregroundClasses)}>
-      <div
-        className="absolute right-0 top-0 flex items-center gap-2"
-        onClick={handleEventPropagation}
-      >
-        {quickActions({
-          issue,
-          parentRef: cardRef,
-          customActionButton,
-        })}
-        <PriorityDropdown
-          value={issue.priority}
-          onChange={(priority) => updateIssue?.(issue.project_id ?? null, issue.id, { priority })}
-          disabled={isReadOnly || !updateIssue}
-          button={
-            <div
-              className={cn(
-                "flex h-8 w-8 items-center justify-center rounded-full border-0 shadow-none outline-none",
-                iconBubbleClasses
-              )}
-            >
-              <PriorityIcon priority={issue.priority} className="h-3.5 w-3.5" />
-            </div>
-          }
-        />
-        <StateDropdown
-          projectId={issue.project_id ?? undefined}
-          stateIds={projectStateIds ?? []}
-          value={issue.state_id}
-          onChange={(stateId) => updateIssue?.(issue.project_id ?? null, issue.id, { state_id: stateId })}
-          disabled={isReadOnly || !updateIssue}
-          button={
-            <div className={cn("flex h-8 w-8 items-center justify-center rounded-full", iconBubbleClasses)}>
-              <StateGroupIcon
-                stateGroup={selectedState?.group ?? "backlog"}
-                color={statusIconColor}
-                className="h-3.5 w-3.5"
-                percentage={selectedState?.order}
+    <div className={cn("relative flex min-h-[220px] flex-col px-1", foregroundClasses)}>
+      <div className="space-y-0.5">
+        <div className="flex items-center justify-between gap-3">
+          <div className="flex min-w-0 flex-1 items-center gap-3">
+            <div className="shrink-0">
+              <Avatar
+                src={getFileURL(creatorDetails?.avatar_url ?? "")}
+                name={creatorName}
+                size="md"
+                showTooltip={!isMobile}
               />
             </div>
-          }
-        />
-      </div>
+            <div className={cn("truncate text-body-sm-medium leading-5", foregroundClasses)}>{creatorName}</div>
+          </div>
 
-      <div className="flex items-center gap-3 pr-28">
-          <Avatar
-            src={getFileURL(creatorDetails?.avatar_url ?? "")}
-            name={creatorName}
-            size="md"
-            showTooltip={!isMobile}
-          />
-        <div className="min-w-0">
-          <div className={cn("truncate text-body-sm-medium", foregroundClasses)}>{creatorName}</div>
-          <div className={cn("truncate text-[11px] font-medium", subtleTextClasses)}>{sourceContourName}</div>
+          <div className="flex shrink-0 items-center gap-2" onClick={handleEventPropagation}>
+            {quickActions({
+              issue,
+              parentRef: cardRef,
+              customActionButton,
+            })}
+            <PriorityDropdown
+              value={issue.priority}
+              onChange={(priority) => updateIssue?.(issue.project_id ?? null, issue.id, { priority })}
+              disabled={isReadOnly || !updateIssue}
+              button={
+                <div
+                  className={cn(
+                    "flex h-8 w-8 items-center justify-center rounded-full border-0 shadow-none outline-none",
+                    iconBubbleClasses
+                  )}
+                >
+                  <PriorityIcon priority={issue.priority} className="h-3.5 w-3.5" />
+                </div>
+              }
+            />
+            <StateDropdown
+              projectId={issue.project_id ?? undefined}
+              stateIds={projectStateIds ?? []}
+              value={issue.state_id}
+              onChange={(stateId) => updateIssue?.(issue.project_id ?? null, issue.id, { state_id: stateId })}
+              disabled={isReadOnly || !updateIssue}
+              button={
+                <div className={cn("flex h-8 w-8 items-center justify-center rounded-full", iconBubbleClasses)}>
+                  <StateGroupIcon
+                    stateGroup={selectedState?.group ?? "backlog"}
+                    color={statusIconColor}
+                    className="h-3.5 w-3.5"
+                    percentage={selectedState?.order}
+                  />
+                </div>
+              }
+            />
+          </div>
+        </div>
+
+        <div className={cn("truncate -mt-0.5 pl-8 text-[11px] font-medium leading-4", subtleTextClasses)}>
+          {sourceContourName}
         </div>
       </div>
 
-      <div className="flex flex-1 items-center justify-center px-5 text-center">
+      <div className="flex flex-1 items-center justify-center px-5 py-4 text-center">
         <div className="line-clamp-4 max-w-full text-lg font-semibold leading-6">{issue.name}</div>
       </div>
 
-      <div className="flex items-end justify-between gap-3">
+      <div className="flex items-center justify-between gap-3">
         <MemberDropdown
           projectId={issue.project_id ?? undefined}
           value={issue.assignee_ids}