From d58f2692816817baa73ff40fe8d40d90cf72fa00 Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Sun, 8 Mar 2026 10:58:39 -0500
Subject: [PATCH] Fix mobile status icon vertical alignment: remove pt-0.5 to
 center with text

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 ui/src/components/IssuesList.tsx | 2 +-
 ui/src/pages/Dashboard.tsx       | 2 +-
 ui/src/pages/Inbox.tsx           | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/IssuesList.tsx b/ui/src/components/IssuesList.tsx
index 3770d10d..f9b4dcca 100644
--- a/ui/src/components/IssuesList.tsx
+++ b/ui/src/components/IssuesList.tsx
@@ -594,7 +594,7 @@ export function IssuesList({
                   className="flex items-start gap-2 py-2.5 pl-2 pr-3 text-sm border-b border-border last:border-b-0 cursor-pointer hover:bg-accent/50 transition-colors no-underline text-inherit sm:items-center sm:py-2 sm:pl-1"
                 >
                   {/* Status icon - left column on mobile, inline on desktop */}
-                  <span className="shrink-0 pt-0.5 sm:hidden" onClick={(e) => { e.preventDefault(); e.stopPropagation(); }}>
+                  <span className="shrink-0 sm:hidden" onClick={(e) => { e.preventDefault(); e.stopPropagation(); }}>
                     <StatusIcon
                       status={issue.status}
                       onChange={(s) => onUpdateIssue(issue.id, { status: s })}
diff --git a/ui/src/pages/Dashboard.tsx b/ui/src/pages/Dashboard.tsx
index f782555e..e1f9b9b0 100644
--- a/ui/src/pages/Dashboard.tsx
+++ b/ui/src/pages/Dashboard.tsx
@@ -317,7 +317,7 @@ export function Dashboard() {
                     >
                       <div className="flex items-start gap-2 sm:items-center sm:gap-3">
                         {/* Status icon - left column on mobile */}
-                        <span className="shrink-0 pt-0.5 sm:hidden">
+                        <span className="shrink-0 sm:hidden">
                           <StatusIcon status={issue.status} />
                         </span>
 
diff --git a/ui/src/pages/Inbox.tsx b/ui/src/pages/Inbox.tsx
index 4091e36e..990f30ca 100644
--- a/ui/src/pages/Inbox.tsx
+++ b/ui/src/pages/Inbox.tsx
@@ -844,7 +844,7 @@ export function Inbox() {
                   className="group/stale relative flex items-start gap-2 overflow-hidden px-3 py-3 transition-colors hover:bg-accent/50 sm:items-center sm:gap-3 sm:px-4"
                 >
                   {/* Status icon - left column on mobile; Clock icon on desktop */}
-                  <span className="shrink-0 pt-0.5 sm:hidden">
+                  <span className="shrink-0 sm:hidden">
                     <StatusIcon status={issue.status} />
                   </span>
                   <Clock className="mt-0.5 h-4 w-4 shrink-0 text-muted-foreground hidden sm:block sm:mt-0" />
@@ -908,7 +908,7 @@ export function Inbox() {
                     className="flex min-w-0 cursor-pointer items-start gap-2 px-3 py-3 no-underline text-inherit transition-colors hover:bg-accent/50 sm:items-center sm:gap-3 sm:px-4"
                   >
                     {/* Status icon - left column on mobile, inline on desktop */}
-                    <span className="shrink-0 pt-0.5 sm:hidden">
+                    <span className="shrink-0 sm:hidden">
                       <StatusIcon status={issue.status} />
                     </span>