From bb380f54b180417ca1c5f9ee8ca6bd59b72770ae Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Wed, 29 Jul 2026 19:58:50 +0200
Subject: [PATCH] web/components: optically centre the issue state pill label
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Inter's ascent/descent split isn't symmetric within the line box, so the
mathematically centred label sat visibly high — measured 7.25px of ink above
versus 10px below on 'Closed'. nudging the label alone by 1.5px balances it
without moving the icon or changing the pill's 28px height.

Signed-off-by: eti <eti@eti.tf>
---
 web/src/lib/components/repo/issues/IssueStatePill.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/repo/issues/IssueStatePill.svelte b/web/src/lib/components/repo/issues/IssueStatePill.svelte
index adce3822..a8e752b6 100644
--- a/web/src/lib/components/repo/issues/IssueStatePill.svelte
+++ b/web/src/lib/components/repo/issues/IssueStatePill.svelte
@@ -34,5 +34,10 @@
 
 <span class={issueStatePill({ state, class: className })}>
 	<Icon class="size-3 shrink-0" aria-hidden="true" />
-	{label}
+	<!--
+		Inter's ascent/descent split isn't symmetric in the line box, so a mathematically
+		centred label reads high. nudge the text alone (a transform, so the icon and the
+		pill's height are untouched) to land it on the optical centre.
+	-->
+	<span class="translate-y-[1.5px]">{label}</span>
 </span>
-- 
2.51.2