From e76adf6ed19e9dc16f8be855b33058f8eb4ebde3 Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Wed, 11 Mar 2026 13:58:24 -0500
Subject: [PATCH] Refine executed command row centering

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 ui/src/components/transcript/RunTranscriptView.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/transcript/RunTranscriptView.tsx b/ui/src/components/transcript/RunTranscriptView.tsx
index 8aec4911..6ebc0fe0 100644
--- a/ui/src/components/transcript/RunTranscriptView.tsx
+++ b/ui/src/components/transcript/RunTranscriptView.tsx
@@ -711,7 +711,7 @@ function TranscriptCommandGroup({
           }
         }}
       >
-        <div className="mt-0.5 flex shrink-0 items-center">
+        <div className={cn("flex shrink-0 items-center", subtitle && "mt-0.5")}>
           {block.items.slice(0, Math.min(block.items.length, 3)).map((_, index) => (
             <span
               key={index}
@@ -729,7 +729,7 @@ function TranscriptCommandGroup({
           ))}
         </div>
         <div className="min-w-0 flex-1">
-          <div className="text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground">
+          <div className="text-[11px] font-semibold uppercase leading-none tracking-[0.18em] text-muted-foreground">
             {title}
           </div>
           {subtitle && (
@@ -745,7 +745,10 @@ function TranscriptCommandGroup({
         </div>
         <button
           type="button"
-          className="mt-0.5 inline-flex h-5 w-5 items-center justify-center text-muted-foreground transition-colors hover:text-foreground"
+          className={cn(
+            "inline-flex h-5 w-5 items-center justify-center text-muted-foreground transition-colors hover:text-foreground",
+            subtitle && "mt-0.5",
+          )}
           onClick={(event) => {
             event.stopPropagation();
             setOpen((value) => !value);