aevgarik/paperclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile status icon vertical alignment: remove pt-0.5 to center with text

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dotta
2026-03-08 10:58:39 -05:00
parent 2a7043d677
commit d58f269281
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/IssuesList.tsx
View File

@@ -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 })}

2
ui/src/pages/Dashboard.tsx
View File

@@ -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>

4
ui/src/pages/Inbox.tsx
View File

@@ -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>