Make the stack pivot link visible and move it clear of delete

The link was copied from the delete button's hover-reveal styling, so
the only way to a stack pivot was invisible until you hovered — and then
it appeared right beside the button that deletes the stack. Pivot is now
always shown; delete stays hover-only, separated by a divider.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01G2HFeU5neCKagTnmA6o9Tu
This commit is contained in:
Paul Trowbridge 2026-08-07 22:51:04 -04:00
parent 356e61d043
commit 8753719db8

View File

@ -757,9 +757,9 @@ export default function Stacks({ sources, onStackStale, onStackViewGenerated, on
<span className="text-muted">{s.source_count}s</span> <span className="text-muted">{s.source_count}s</span>
<Link to={`/stacks/${encodeURIComponent(s.name)}/pivot`} <Link to={`/stacks/${encodeURIComponent(s.name)}/pivot`}
onClick={e => e.stopPropagation()} onClick={e => e.stopPropagation()}
className="opacity-0 group-hover:opacity-100 text-accent hover:text-accent">pivot</Link> className="text-accent underline decoration-transparent hover:decoration-inherit">pivot</Link>
<button onClick={e => { e.stopPropagation(); deleteStack(s.name) }} <button onClick={e => { e.stopPropagation(); deleteStack(s.name) }}
className="opacity-0 group-hover:opacity-100 text-danger hover:text-danger leading-none"></button> className="opacity-0 group-hover:opacity-100 text-danger hover:text-danger leading-none ml-2 pl-2 border-l border-line"></button>
</div> </div>
))} ))}
{creating ? ( {creating ? (