From 45bbc99d94b0728ddda9dd5c047d18c547c24c24 Mon Sep 17 00:00:00 2001
From: BoulderBadgeDad <batmanesignal@gmail.com>
Date: Thu, 28 May 2026 22:57:09 -0700
Subject: [PATCH] UI consistency (page shell 3/N): playlist-explorer adopts
 .page-shell card
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Convert the playlist-explorer page from a flat padded container to the
.page-shell floating card. Drop its bespoke `padding: 24px 32px`; keep the
full-height flex layout (display:flex / column / min-height:100%) since the
explorer fills the viewport.

Visible change by design. Watch: the full-height min-height:100% inside a
margin:20px card may run slightly tall — to be confirmed visually.
---
 webui/index.html       | 2 +-
 webui/static/style.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/webui/index.html b/webui/index.html
index 1f60ab60..d307039c 100644
--- a/webui/index.html
+++ b/webui/index.html
@@ -3632,7 +3632,7 @@
 
             <!-- Playlist Explorer Page -->
             <div class="page" id="playlist-explorer-page">
-                <div class="explorer-container">
+                <div class="page-shell explorer-container">
                     <!-- Header (compact) -->
                     <div class="dashboard-header" style="margin-bottom: 12px;">
                         <div class="header-text">
diff --git a/webui/static/style.css b/webui/static/style.css
index 3846e676..276ca321 100644
--- a/webui/static/style.css
+++ b/webui/static/style.css
@@ -54451,7 +54451,7 @@ tr.tag-diff-same {
    ================================================================================== */
 
 .explorer-container {
-    padding: 24px 32px;
+    /* card styling from .page-shell; keep full-height flex layout */
     display: flex;
     flex-direction: column;
     min-height: 100%;