From 75755323593b8b58a7ed16052bb4f15886235d3d Mon Sep 17 00:00:00 2001
From: Ammar <ammar+ai@ammar.io>
Date: Tue, 9 Dec 2025 11:14:40 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20fix:=20align=20X=20button=20and?=
 =?UTF-8?q?=20status=20row=20with=20runtime=20badge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- X button: add inline-flex items-center leading-none for vertical centering
- Status row: add ml-[18px] to align with badge column (skipping X column)
---
 src/browser/components/WorkspaceListItem.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/browser/components/WorkspaceListItem.tsx b/src/browser/components/WorkspaceListItem.tsx
index bb68fbf6d3..92163610f5 100644
--- a/src/browser/components/WorkspaceListItem.tsx
+++ b/src/browser/components/WorkspaceListItem.tsx
@@ -152,7 +152,7 @@ const WorkspaceListItemInner: React.FC<WorkspaceListItemProps> = ({
               <Tooltip>
                 <TooltipTrigger asChild>
                   <button
-                    className="text-muted hover:text-foreground cursor-pointer border-none bg-transparent p-0 text-base opacity-0 transition-colors duration-200"
+                    className="text-muted hover:text-foreground inline-flex cursor-pointer items-center border-none bg-transparent p-0 text-base leading-none opacity-0 transition-colors duration-200"
                     onClick={(e) => {
                       e.stopPropagation();
                       void onRemoveWorkspace(workspaceId, e.currentTarget);
@@ -217,7 +217,7 @@ const WorkspaceListItemInner: React.FC<WorkspaceListItemProps> = ({
             )}
           </div>
           {!isCreating && (
-            <div className="min-w-0">
+            <div className="ml-[18px] min-w-0">
               {isDeleting ? (
                 <div className="text-muted flex min-w-0 items-center gap-1.5 text-xs">
                   <span className="-mt-0.5 shrink-0 text-[10px]">🗑️</span>