From 8753719db8c7f520ad4a7dcf361c4fdf91d0035e Mon Sep 17 00:00:00 2001
From: Paul Trowbridge <paul@hptrow.me>
Date: Fri, 7 Aug 2026 22:51:04 -0400
Subject: [PATCH] Make the stack pivot link visible and move it clear of delete
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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
---
 ui/src/pages/Stacks.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/pages/Stacks.jsx b/ui/src/pages/Stacks.jsx
index 683b6ff..8bb60ba 100644
--- a/ui/src/pages/Stacks.jsx
+++ b/ui/src/pages/Stacks.jsx
@@ -757,9 +757,9 @@ export default function Stacks({ sources, onStackStale, onStackViewGenerated, on
             <span className="text-muted">{s.source_count}s</span>
             <Link to={`/stacks/${encodeURIComponent(s.name)}/pivot`}
               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) }}
-              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>
         ))}
         {creating ? (