Jannik/PaperClipAI
1
0 Fork 0
mirror of https://github.com/paperclipai/paperclip.git synced 2026-10-25 02:26:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix Tasks view-mode toggle height to match toolbar buttons

Browse Source 
The list/board toggle used p-1.5 with no fixed height (~26px) while
sibling toolbar buttons use h-8 (32px). Set the toggle container to h-8
and make each button fill the height so it lines up with the rest.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
TonioandClaude Opus 4.6 committed 2026-06-22 14:31:14 -07:00
1 parent 1ca3331c33
commit e072e0cb4c
1 file changed
+3 -3
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/components/IssuesList.tsx
+3 -3
View File
@@ -1354,16 +1354,16 @@ export function IssuesList({
<div className="flex items-center gap-0.5 sm:gap-1 shrink-0">
{/* View mode toggle */}
<div className="flex items-center border border-border rounded-md overflow-hidden mr-1">
<div className="flex h-8 items-center border border-border rounded-md overflow-hidden mr-1">
<button
className={`p-1.5 transition-colors ${viewState.viewMode === "list" ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground"}`}
className={`flex h-full items-center justify-center px-2 transition-colors ${viewState.viewMode === "list" ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground"}`}
onClick={() => updateView({ viewMode: "list" })}
title="List view"
>
<List className="h-3.5 w-3.5" />
</button>
<button
className={`p-1.5 transition-colors ${viewState.viewMode === "board" ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground"}`}
className={`flex h-full items-center justify-center px-2 transition-colors ${viewState.viewMode === "board" ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground"}`}
onClick={() => updateView({ viewMode: "board" })}
title="Board view"
>