From 4b101481fc38ed5b0e4978a2baecb385a5f8c73a Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Sun, 3 May 2026 14:04:07 -0400
Subject: [PATCH] fix(web): drop-up Add-to-playlist submenu, hide horizontal
 scroll row scrollbar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- AddToPlaylistMenu: anchor submenu bottom to parent bottom so it
  grows upward (top-0 → bottom-0) — kebab row is usually near the
  bottom of the track menu and the submenu kept extending off-screen.
- HorizontalScrollRow: scrollbar-width: none + ::-webkit-scrollbar
  display:none. Page arrows already drive the scroll; the scrollbar
  was just consuming vertical real estate.
---
 web/src/lib/components/AddToPlaylistMenu.svelte   | 2 +-
 web/src/lib/components/HorizontalScrollRow.svelte | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/AddToPlaylistMenu.svelte b/web/src/lib/components/AddToPlaylistMenu.svelte
index 71d9244b..9d39420d 100644
--- a/web/src/lib/components/AddToPlaylistMenu.svelte
+++ b/web/src/lib/components/AddToPlaylistMenu.svelte
@@ -68,7 +68,7 @@
 <div
   role="menu"
   aria-label="Add to playlist"
-  class="absolute right-full top-0 z-30 mr-1 w-56 rounded-md border border-border bg-surface p-1 shadow-lg"
+  class="absolute right-full bottom-0 z-30 mr-1 w-56 rounded-md border border-border bg-surface p-1 shadow-lg"
   onclick={(e) => e.stopPropagation()}
 >
   {#each ownPlaylists as p (p.id)}
diff --git a/web/src/lib/components/HorizontalScrollRow.svelte b/web/src/lib/components/HorizontalScrollRow.svelte
index 865089af..1bd92f23 100644
--- a/web/src/lib/components/HorizontalScrollRow.svelte
+++ b/web/src/lib/components/HorizontalScrollRow.svelte
@@ -127,7 +127,10 @@
   }
   .scroller {
     scroll-snap-type: x mandatory;
-    scrollbar-width: thin;
+    scrollbar-width: none;
+  }
+  .scroller::-webkit-scrollbar {
+    display: none;
   }
   /* Cards are two levels deep (.scroller > .track > .rack > card-wrapper),
      so target them via the rack. flex-shrink: 0 keeps each card at its