From cd29239b2fcf159ecbdcaafc7cd2414c6b2d215e Mon Sep 17 00:00:00 2001
From: BoulderBadgeDad <batmanesignal@gmail.com>
Date: Tue, 23 Jun 2026 09:53:36 -0700
Subject: [PATCH] video discover: move 'My services' out of the page-wide bar
 (it's a rail builder, not a filter)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

'My services' only builds the optional 'On your streaming services' rail, but sitting under
the 'Across Discover' header it read as a page-wide filter (user confusion: 'i thought it
affected the whole page because that's what it says'). Moved it to its own self-describing row
('pick what you subscribe to — adds a rail to your feed') below the bar. 'Across Discover' now
holds only the genuinely page-wide controls: Hide owned + Languages. Markup/CSS only — the
data-vdsc-myprov hook is unchanged.
---
 webui/index.html                  | 13 +++++++++++--
 webui/static/video/video-side.css |  7 +++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/webui/index.html b/webui/index.html
index 55707bb5..21008348 100644
--- a/webui/index.html
+++ b/webui/index.html
@@ -1058,8 +1058,17 @@
                                 <button class="vdsc-lang" type="button" data-lang="de">DE</button>
                                 <button class="vdsc-lang" type="button" data-lang="it">IT</button>
                             </div>
-                            <div class="vdsc-langs" data-vdsc-myprov aria-label="My streaming services" title="Your streaming services power the 'On your streaming services' rail">
-                                <span class="vdsc-langs-label">📺 My services</span>
+                        </div>
+
+                        <!-- NOT page-wide: this builds the optional "On your streaming services"
+                             rail only. Kept out of the "Across Discover" bar so it doesn't read as
+                             a global filter (it isn't one). -->
+                        <div class="vdsc-provrail">
+                            <div class="vdsc-provrail-text">
+                                <span class="vdsc-provrail-title">📺 Your streaming services</span>
+                                <span class="vdsc-provrail-sub">pick what you subscribe to — adds an “On your streaming services” rail to your feed</span>
+                            </div>
+                            <div class="vdsc-langs" data-vdsc-myprov aria-label="My streaming services">
                                 <button class="vdsc-lang" type="button" data-prov="8">Netflix</button>
                                 <button class="vdsc-lang" type="button" data-prov="9">Prime</button>
                                 <button class="vdsc-lang" type="button" data-prov="337">Disney+</button>
diff --git a/webui/static/video/video-side.css b/webui/static/video/video-side.css
index 9f5c0c47..80a3f2e0 100644
--- a/webui/static/video/video-side.css
+++ b/webui/static/video/video-side.css
@@ -2375,6 +2375,13 @@ body[data-side="video"] #soulsync-toggle { display: none; }
 .vdsc-browse-label { font-size: 10.5px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase;
     color: rgba(255, 255, 255, 0.32); margin: 0 0 10px 2px; }
 
+/* 'Your streaming services' — a rail builder, NOT a page-wide filter (its own row, self-described) */
+.vdsc-provrail { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 16px; margin: 2px 0 18px; }
+.vdsc-provrail-text { display: flex; flex-direction: column; gap: 1px; }
+.vdsc-provrail-title { font-size: 12.5px; font-weight: 800; color: rgba(255, 255, 255, 0.74); }
+.vdsc-provrail-sub { font-size: 11px; color: rgba(255, 255, 255, 0.34); }
+.vdsc-provrail .vdsc-langs { margin-left: 0; }
+
 /* ── 'Not interested' card button ──────────────────────────────────────────── */
 .vsr-card { position: relative; }
 .vsr-notint { position: absolute; top: 6px; left: 6px; z-index: 6; width: 24px; height: 24px;