From ff333d68287a419cc6ea9cccf71dae31c1a3d9bd Mon Sep 17 00:00:00 2001
From: dotta <dotta@example.com>
Date: Mon, 6 Apr 2026 20:17:08 -0500
Subject: [PATCH] Align assignee/reviewer/approver pills vertically in
 new-issue dialog

Give the leading element of each row (the "For" text and the
Eye/ShieldCheck icons) a fixed w-6 width so all InlineEntitySelector
pills start at the same horizontal position.

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

diff --git a/ui/src/components/NewIssueDialog.tsx b/ui/src/components/NewIssueDialog.tsx
index 94382525..b3436a03 100644
--- a/ui/src/components/NewIssueDialog.tsx
+++ b/ui/src/components/NewIssueDialog.tsx
@@ -1100,7 +1100,7 @@ export function NewIssueDialog() {
         <div className="px-4 pb-2 shrink-0">
           <div className="overflow-x-auto overscroll-x-contain">
             <div className="inline-flex items-center gap-2 text-sm text-muted-foreground flex-wrap sm:flex-nowrap sm:min-w-max">
-              <span>For</span>
+              <span className="w-6 shrink-0 text-center">For</span>
               <InlineEntitySelector
                 ref={assigneeSelectorRef}
                 value={assigneeValue}
@@ -1241,7 +1241,7 @@ export function NewIssueDialog() {
           {/* Reviewer row */}
           {showReviewerRow && (
             <div className="flex items-center gap-2 text-sm text-muted-foreground mt-1">
-              <Eye className="h-3.5 w-3.5 shrink-0" />
+              <span className="w-6 shrink-0 flex items-center justify-center"><Eye className="h-3.5 w-3.5" /></span>
               <InlineEntitySelector
                 value={reviewerValue}
                 options={assigneeOptions}
@@ -1285,7 +1285,7 @@ export function NewIssueDialog() {
           {/* Approver row */}
           {showApproverRow && (
             <div className="flex items-center gap-2 text-sm text-muted-foreground mt-1">
-              <ShieldCheck className="h-3.5 w-3.5 shrink-0" />
+              <span className="w-6 shrink-0 flex items-center justify-center"><ShieldCheck className="h-3.5 w-3.5" /></span>
               <InlineEntitySelector
                 value={approverValue}
                 options={assigneeOptions}