From 930b717ba5375f5e2990f3ee2ec9809204995d62 Mon Sep 17 00:00:00 2001 From: Dotta Date: Tue, 28 Apr 2026 09:09:12 -0500 Subject: [PATCH] PAP-2607: nudge inline mention chips up 1px MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Reviewer follow-up — pills sat slightly low after the baseline-to-middle switch. position: relative + top: -1px raises them to optically center with the surrounding cap height. --- ui/src/index.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/ui/src/index.css b/ui/src/index.css index f58e1bfac02..d0957f757b5 100644 --- a/ui/src/index.css +++ b/ui/src/index.css @@ -449,6 +449,8 @@ line-height: 1.25; text-decoration: none; vertical-align: middle; + position: relative; + top: -1px; white-space: nowrap; user-select: none; } @@ -868,8 +870,11 @@ span.paperclip-project-mention-chip { text-decoration: none; /* Center the pill on the surrounding x-height so it sits on the text line instead of hanging below it. inline-flex baseline alignment is unreliable - across browsers, so use vertical-align: middle for a predictable result. */ + across browsers, so use vertical-align: middle for a predictable result. + Nudge up 1px so it visually centers with the cap height of the text. */ vertical-align: middle; + position: relative; + top: -1px; white-space: nowrap; }