From 792cc19abe3df191cfa94b19c1ef97a81418f972 Mon Sep 17 00:00:00 2001
From: vikingowl <christian@nachtigall.dev>
Date: Wed, 7 Jan 2026 22:20:09 +0100
Subject: [PATCH] fix: improve sidebar hover icon visibility

---
 .../src/lib/components/layout/ConversationItem.svelte  | 10 +++++-----
 .../src/lib/components/layout/ProjectFolder.svelte     |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/layout/ConversationItem.svelte b/frontend/src/lib/components/layout/ConversationItem.svelte
index 0cd946c..12d3015 100644
--- a/frontend/src/lib/components/layout/ConversationItem.svelte
+++ b/frontend/src/lib/components/layout/ConversationItem.svelte
@@ -151,12 +151,12 @@
 	</div>
 
 	<!-- Action buttons (always visible on mobile, hover on desktop) -->
-	<div class="absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-1 transition-opacity {uiState.isMobile ? 'opacity-100' : 'opacity-0 group-hover:opacity-100'}">
+	<div class="absolute right-2 top-1/2 flex -translate-y-1/2 items-center gap-0.5 rounded-md bg-theme-secondary/90 px-1 py-0.5 shadow-sm transition-opacity {uiState.isMobile ? 'opacity-100' : 'opacity-0 group-hover:opacity-100'}">
 		<!-- Pin/Unpin button -->
 		<button
 			type="button"
 			onclick={handlePin}
-			class="rounded p-1 transition-colors hover:bg-theme-tertiary {conversation.isPinned ? 'text-emerald-500 hover:text-emerald-400' : 'text-theme-muted hover:text-theme-primary'}"
+			class="rounded p-1 transition-colors hover:bg-theme-tertiary {conversation.isPinned ? 'text-emerald-500 hover:text-emerald-400' : 'text-theme-secondary hover:text-theme-primary'}"
 			aria-label={conversation.isPinned ? 'Unpin conversation' : 'Pin conversation'}
 			title={conversation.isPinned ? 'Unpin' : 'Pin'}
 		>
@@ -180,7 +180,7 @@
 		<button
 			type="button"
 			onclick={handleMove}
-			class="rounded p-1 text-theme-muted transition-colors hover:bg-theme-tertiary hover:text-theme-primary"
+			class="rounded p-1 text-theme-secondary transition-colors hover:bg-theme-tertiary hover:text-theme-primary"
 			aria-label="Move to project"
 			title="Move to project"
 		>
@@ -204,7 +204,7 @@
 		<button
 			type="button"
 			onclick={handleExport}
-			class="rounded p-1 text-theme-muted transition-colors hover:bg-theme-tertiary hover:text-theme-primary"
+			class="rounded p-1 text-theme-secondary transition-colors hover:bg-theme-tertiary hover:text-theme-primary"
 			aria-label="Export conversation"
 			title="Export"
 		>
@@ -228,7 +228,7 @@
 		<button
 			type="button"
 			onclick={handleDelete}
-			class="rounded p-1 text-theme-muted transition-colors hover:bg-red-900/50 hover:text-red-400"
+			class="rounded p-1 text-theme-secondary transition-colors hover:bg-red-900/50 hover:text-red-400"
 			aria-label="Delete conversation"
 			title="Delete"
 		>
diff --git a/frontend/src/lib/components/layout/ProjectFolder.svelte b/frontend/src/lib/components/layout/ProjectFolder.svelte
index f2eac89..e72770c 100644
--- a/frontend/src/lib/components/layout/ProjectFolder.svelte
+++ b/frontend/src/lib/components/layout/ProjectFolder.svelte
@@ -98,7 +98,7 @@
 		<button
 			type="button"
 			onclick={handleSettings}
-			class="shrink-0 rounded p-0.5 text-theme-muted opacity-0 transition-opacity hover:bg-theme-tertiary hover:text-theme-primary group-hover:opacity-100"
+			class="shrink-0 rounded p-1 text-theme-secondary opacity-0 transition-opacity hover:bg-theme-tertiary hover:text-theme-primary group-hover:opacity-100"
 			aria-label="Project settings"
 			title="Settings"
 		>