fix(web): center short PR titles in thread details

apps/web/src/components/chat/ThreadDetailsControl.tsx

@@ -52,7 +52,7 @@ export function ThreadDetailsControl({
         className: cn(
           "relative inline-flex shrink-0 cursor-pointer items-center whitespace-nowrap border outline-none transition-[box-shadow,scale] [&:not([aria-haspopup]):not(:disabled):not([aria-disabled=true])]:will-change-[scale] [&:active:not([aria-haspopup])]:scale-[0.97] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 disabled:pointer-events-none disabled:opacity-64 aria-disabled:cursor-not-allowed aria-disabled:opacity-64 [&_svg]:shrink-0",
           parts[part],
-          multiline && "h-auto min-h-8 py-0.75 disabled:opacity-100 sm:h-auto",
+          multiline && "h-auto min-h-8 py-1.5 disabled:opacity-100 sm:h-auto",
           tone === "muted" && "text-muted-foreground hover:text-foreground/80",
           tone === "primary" &&
             // The row surface forces a faint hover fill with !important; the solid pill keeps its own.

apps/web/src/components/chat/ThreadDetailsPrRow.tsx

@@ -409,7 +409,7 @@ export function ThreadDetailsPrRow({
             size="sm"
             part={part}
             multiline={wrap}
-            className={wrap ? "items-start [&>svg]:mt-0.5" : undefined}
+            className={wrap ? "items-start [&>svg]:mt-px" : undefined}
             aria-label={openAriaLabel}
             onClick={onOpen}
             onAuxClick={onOpen}