From f3c1ad52ec7dbfab48e34466c76d0b360e42875d Mon Sep 17 00:00:00 2001
From: Chris Parsons <chrisparsons1127@gmail.com>
Date: Thu, 21 May 2026 21:06:31 -0700
Subject: [PATCH] Fix queue/picks item background and top-align pick number
 badge

bg-card and bg-muted resolve to the same hex value, so swap to
bg-white/[0.06] for a visible lift against the sidebar background.
Also top-aligns the pick number badge in recent picks items.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/components/draft/QueueSection.tsx       | 2 +-
 app/components/draft/SidebarRecentPicks.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/draft/QueueSection.tsx b/app/components/draft/QueueSection.tsx
index 9c7ce56..0f6e9aa 100644
--- a/app/components/draft/QueueSection.tsx
+++ b/app/components/draft/QueueSection.tsx
@@ -77,7 +77,7 @@ const SortableQueueItem = memo(function SortableQueueItem({
       style={style}
       {...attributes}
       className={`p-2 rounded-lg ${
-        canPick ? "bg-electric/10 border border-electric/40" : "bg-card"
+        canPick ? "bg-electric/10 border border-electric/40" : "bg-white/[0.06]"
       }`}
     >
       <div className="flex items-center gap-2">
diff --git a/app/components/draft/SidebarRecentPicks.tsx b/app/components/draft/SidebarRecentPicks.tsx
index 60fa8c8..7aedc80 100644
--- a/app/components/draft/SidebarRecentPicks.tsx
+++ b/app/components/draft/SidebarRecentPicks.tsx
@@ -33,9 +33,9 @@ export const SidebarRecentPicks = memo(function SidebarRecentPicks({ picks }: Si
             .map((pick) => (
               <div
                 key={pick.id}
-                className="flex items-center justify-between p-2 bg-card rounded-lg text-sm"
+                className="flex items-center justify-between p-2 bg-white/[0.06] rounded-lg text-sm"
               >
-                <div className="flex items-center gap-2 min-w-0 flex-1">
+                <div className="flex items-start gap-2 min-w-0 flex-1">
                   <Badge variant="outline" className="text-xs flex-shrink-0">
                     #{pick.pickNumber}
                   </Badge>