UI consistency (page shell 3/N): playlist-explorer adopts .page-shell card

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.
This commit is contained in:
BoulderBadgeDad 2026-05-28 22:57:09 -07:00
parent def58a9907
commit 45bbc99d94
2 changed files with 2 additions and 2 deletions

View file

@ -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">

View file

@ -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%;