feat(KB-197): complete Step 1 — fix card header layout with actions wrapper

packages/dashboard/app/components/TaskCard.tsx

@@ -518,11 +518,6 @@ function TaskCardComponent({
             {task.status}
           </span>
         )}
-        {task.size && (
-          <span className={`card-size-badge size-${task.size.toLowerCase()}`}>
-            {task.size}
-          </span>
-        )}
         {hasGitHubBadge && (
           <TaskCardBadge
             taskId={task.id}
@@ -532,36 +527,43 @@ function TaskCardComponent({
             isInViewport={isInViewport}
           />
         )}
-        {canEdit && (
-          <button
-            className="card-edit-btn"
-            onClick={handleEditClick}
-            title="Edit task"
-            aria-label="Edit task"
-          >
-            <Pencil size={12} />
-          </button>
-        )}
-        {task.column === "done" && onArchiveTask && (
-          <button
-            className="card-archive-btn"
-            onClick={handleArchiveClick}
-            title="Archive task"
-            aria-label="Archive task"
-          >
-            Archive
-          </button>
-        )}
-        {task.column === "archived" && onUnarchiveTask && (
-          <button
-            className="card-unarchive-btn"
-            onClick={handleUnarchiveClick}
-            title="Unarchive task"
-            aria-label="Unarchive task"
-          >
-            Unarchive
-          </button>
-        )}
+        <div className="card-header-actions">
+          {task.size && (
+            <span className={`card-size-badge size-${task.size.toLowerCase()}`}>
+              {task.size}
+            </span>
+          )}
+          {canEdit && (
+            <button
+              className="card-edit-btn"
+              onClick={handleEditClick}
+              title="Edit task"
+              aria-label="Edit task"
+            >
+              <Pencil size={12} />
+            </button>
+          )}
+          {task.column === "done" && onArchiveTask && (
+            <button
+              className="card-archive-btn"
+              onClick={handleArchiveClick}
+              title="Archive task"
+              aria-label="Archive task"
+            >
+              Archive
+            </button>
+          )}
+          {task.column === "archived" && onUnarchiveTask && (
+            <button
+              className="card-unarchive-btn"
+              onClick={handleUnarchiveClick}
+              title="Unarchive task"
+              aria-label="Unarchive task"
+            >
+              Unarchive
+            </button>
+          )}
+        </div>
       </div>
       {isFailed && task.error && (
         <div className="card-error" title={task.error}>

packages/dashboard/app/styles.css

@@ -594,7 +594,6 @@ body {
   letter-spacing: 0.5px;
   padding: 2px 8px;
   border-radius: 10px;
-  margin-left: auto;
 }
 
 /* Size S: subtle green tint (low effort) */
@@ -1822,6 +1821,14 @@ body {
   cursor: not-allowed;
 }
 
+/* Card header actions container - groups size badge and buttons on the right */
+.card-header-actions {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: auto;
+}
+
 /* Edit button - visible on hover */
 .card-edit-btn {
   display: flex;
@@ -1830,7 +1837,6 @@ body {
   width: 20px;
   height: 20px;
   padding: 0;
-  margin-left: auto;
   background: transparent;
   border: none;
   border-radius: 4px;