From 3944f7900dc1b022959c0d9947a7052713905451 Mon Sep 17 00:00:00 2001
From: dlynas <118506937+dlynas@users.noreply.github.com>
Date: Fri, 8 May 2026 22:41:20 -0400
Subject: [PATCH] feat: smart selection filters for discography modal

Adds a collapsible Filters panel to the discography modal with two
independently toggleable controls:

- One per album: redundancy detection that groups releases by normalized
  title within each type, deselects non-winners, and lets the user
  prefer "Most complete" (most tracks, then latest) or "Original"
  (earliest release, then fewest tracks)

- Variant chips: auto-detected release type tags (Remaster, Deluxe,
  Live, Compilation, etc.) with per-type counts, shown only for types
  present in the discography; toggling a chip deselects all matching
  releases

Filtered cards are deselected and greyed out rather than hidden, and
move to a collapsible "N not selected" section at the bottom so the
user can individually re-add them. The Select All / Deselect All
buttons are merged into a single context-aware toggle. Sort also
applies to the deselected section.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 webui/static/library.js | 333 +++++++++++++++++++++++++++++++++-------
 webui/static/style.css  |  57 +++++++
 2 files changed, 333 insertions(+), 57 deletions(-)

diff --git a/webui/static/library.js b/webui/static/library.js
index f82d712d..65807dff 100644
--- a/webui/static/library.js
+++ b/webui/static/library.js
@@ -2458,13 +2458,22 @@ async function openDiscographyModal() {
                         <option value="name-asc">Name A–Z</option>
                         <option value="name-desc">Name Z–A</option>
                     </select>
-                    <button class="discog-select-btn" onclick="discogSelectAll(true)">Select All</button>
-                    <button class="discog-select-btn" onclick="discogSelectAll(false)">Deselect All</button>
+                    <button class="discog-select-btn" id="discog-select-toggle" onclick="discogToggleSelectAll()">Select All</button>
+                    <button class="discog-select-btn discog-expand-btn" id="discog-variant-toggle" onclick="toggleVariantPanel()">Filters ▾</button>
                 </div>
             </div>
+            <div class="discog-variant-panel" id="discog-variant-panel">
+                <div class="discog-variant-filters" id="discog-variant-filters"></div>
+            </div>
             <div class="discog-grid" id="discog-grid">
                 ${allReleases.map((r, i) => _renderDiscogCard(r, i, completionData)).join('')}
             </div>
+            <div class="discog-deselected-section" id="discog-deselected-section" style="display:none;">
+                <button class="discog-deselected-toggle" id="discog-deselected-toggle" onclick="toggleDeselectedSection()">
+                    <span id="discog-deselected-count">0</span> not selected <span class="discog-expand-chevron">▾</span>
+                </button>
+                <div class="discog-grid" id="discog-grid-deselected" style="display:none;"></div>
+            </div>
             <div class="discog-progress" id="discog-progress" style="display:none;"></div>
             <div class="discog-footer" id="discog-footer">
                 <div class="discog-footer-info" id="discog-footer-info"></div>
@@ -2481,6 +2490,7 @@ async function openDiscographyModal() {
 
     document.body.appendChild(overlay);
     requestAnimationFrame(() => overlay.classList.add('visible'));
+    _discogAllReleases = allReleases;
     _updateDiscogFooterCount();
 
     // Bind submit button (avoids onclick being intercepted by helper system)
@@ -2509,6 +2519,7 @@ function _renderDiscogCard(release, index, completionData) {
         <label class="discog-card ${statusClass}"
             data-type="${release._type}"
             data-year="${year || '0'}" data-name="${albumName.toLowerCase().replace(/"/g, '&quot;')}"
+            data-variants="${_detectReleaseVariants(albumName).join(' ')}" data-initially-checked="${!isOwned}"
             style="animation-delay:${index * 0.03}s">
             <input type="checkbox" class="discog-card-cb" data-album-id="${release.id}" data-album-name="${_esc(albumName)}" data-tracks="${tracks}" ${checked ? 'checked' : ''} onchange="_updateDiscogFooterCount()">
             <div class="discog-card-art">
@@ -2524,46 +2535,256 @@ function _renderDiscogCard(release, index, completionData) {
     `;
 }
 
+function _detectReleaseVariants(name) {
+    const t = name.toLowerCase();
+    const v = [];
+    if (/\b(remaster(ed)?|\d{4}\s+(digital\s+)?remaster(ed)?|\d{4}\s+mix)\b/.test(t)) v.push('remaster');
+    if (/\b(super\s+)?deluxe\b/.test(t))              v.push('deluxe');
+    if (/\bexpanded\b/.test(t))                        v.push('expanded');
+    if (/\b(live(\s+(at|from|in))?|in\s+concert|unplugged|acoustic)\b/.test(t)) v.push('live');
+    if (/\banniversary\b/.test(t))                     v.push('anniversary');
+    if (/\bcommentary\b/.test(t))                      v.push('commentary');
+    if (/\blegacy\b/.test(t))                          v.push('legacy');
+    if (/\b(special|limited)\s+edition\b/.test(t))     v.push('special');
+    if (/\b(greatest\s+hits|best\s+of|anthology|essentials)\b/.test(t)) v.push('compilation');
+    if (/\bclean\b/.test(t))                           v.push('clean');
+    if (/\bexplicit\b/.test(t))                        v.push('explicit');
+    return v.length ? v : ['original'];
+}
+
+let _discogAllReleases = [];
+
+function _normalizeTitle(name) {
+    let t = name.toLowerCase();
+    t = t.replace(/\s*[\(\[][^\)\]]*[\)\]]/g, match => {
+        const inner = match.replace(/^[\s\(\[]+|[\)\]\s]+$/g, '');
+        return /^(remaster|deluxe|super\s+deluxe|expanded|anniversary|special|limited|bonus|legacy|collector|platinum|\d{4})/i.test(inner) ? '' : match;
+    });
+    t = t.replace(/\s+(remaster(ed)?|deluxe(\s+edition)?|super\s+deluxe(\s+edition)?|expanded(\s+edition)?|anniversary(\s+edition)?|special\s+edition|limited\s+edition|legacy\s+edition|collector'?s?\s+edition|platinum\s+edition|\d{4}\s+(remaster|mix|digital\s+remaster))\s*$/i, '');
+    return t.trim();
+}
+
+function _computeRedundancy() {
+    document.querySelectorAll('.discog-card').forEach(card => { card.dataset.redundant = ''; });
+    const onePerAlbum = document.getElementById('discog-one-per-album')?.checked;
+    if (!onePerAlbum) return;
+    const preference = document.getElementById('discog-prefer-select')?.value || 'complete';
+    const groups = {};
+    _discogAllReleases.forEach(r => {
+        const key = `${r._type}::${_normalizeTitle(r.name || r.title || '')}`;
+        if (!groups[key]) groups[key] = [];
+        groups[key].push(r);
+    });
+    Object.values(groups).forEach(group => {
+        if (group.length < 2) return;
+        let winner;
+        if (preference === 'complete') {
+            winner = group.reduce((best, r) => {
+                const bt = best.total_tracks || 0, rt = r.total_tracks || 0;
+                if (rt > bt) return r;
+                if (rt === bt) return ((r.release_date || '') > (best.release_date || '')) ? r : best;
+                return best;
+            });
+        } else {
+            winner = group.reduce((best, r) => {
+                const by = (best.release_date || '9999').substring(0, 4);
+                const ry = (r.release_date || '9999').substring(0, 4);
+                if (ry < by) return r;
+                if (ry === by) return ((r.total_tracks || 0) < (best.total_tracks || 0)) ? r : best;
+                return best;
+            });
+        }
+        group.forEach(r => {
+            if (r === winner) return;
+            const card = document.querySelector(`.discog-card-cb[data-album-id="${r.id}"]`)?.closest('.discog-card');
+            if (card) card.dataset.redundant = 'true';
+        });
+    });
+}
+
+function _onRedundancyChange() {
+    const sel = document.getElementById('discog-prefer-select');
+    const cb = document.getElementById('discog-one-per-album');
+    if (sel) sel.disabled = !cb?.checked;
+    _computeRedundancy();
+    _applyAllFilters();
+}
+
+function _buildVariantPanel() {
+    const panel = document.getElementById('discog-variant-filters');
+    const toggleBtn = document.getElementById('discog-variant-toggle');
+    if (!panel) return;
+    const counts = {};
+    document.querySelectorAll('.discog-card').forEach(card => {
+        (card.dataset.variants || 'original').split(' ').forEach(v => {
+            counts[v] = (counts[v] || 0) + 1;
+        });
+    });
+    const titleGroups = {};
+    _discogAllReleases.forEach(r => {
+        const key = `${r._type}::${_normalizeTitle(r.name || r.title || '')}`;
+        titleGroups[key] = (titleGroups[key] || 0) + 1;
+    });
+    const hasRedundancy = Object.values(titleGroups).some(c => c > 1);
+    const hasVariants = Object.keys(counts).some(v => v !== 'original');
+    if (!hasVariants && !hasRedundancy) {
+        if (toggleBtn) toggleBtn.style.display = 'none';
+        return;
+    }
+    const labels = {
+        original: 'Original', remaster: 'Remaster', deluxe: 'Deluxe',
+        expanded: 'Expanded', live: 'Live', anniversary: 'Anniversary',
+        commentary: 'Commentary', legacy: 'Legacy', special: 'Special Ed.',
+        compilation: 'Compilation', clean: 'Clean', explicit: 'Explicit'
+    };
+    const order = ['original','remaster','deluxe','expanded','anniversary','special',
+                   'legacy','live','commentary','compilation','clean','explicit'];
+    const chipsHtml = order
+        .filter(v => counts[v])
+        .map(v => `<button class="discog-filter active discog-variant-filter" data-variant="${v}" onclick="toggleVariantFilter(this)">${labels[v] || v} <span class="discog-filter-count">${counts[v]}</span></button>`)
+        .join('');
+    const redundancyHtml = hasRedundancy ? `
+        <div class="discog-redundancy-row">
+            <label class="discog-one-per-label">
+                <input type="checkbox" id="discog-one-per-album" onchange="_onRedundancyChange()">
+                One per album
+            </label>
+            <select class="discog-pref-select" id="discog-prefer-select" onchange="_onRedundancyChange()" disabled>
+                <option value="complete">Most complete</option>
+                <option value="original">Original</option>
+            </select>
+        </div>` : '';
+    const variantChipsHtml = hasVariants ? `
+        <div class="discog-variant-chips">
+            ${chipsHtml}
+        </div>` : '';
+    panel.innerHTML = redundancyHtml + variantChipsHtml;
+}
+
+function toggleVariantPanel() {
+    const panel = document.getElementById('discog-variant-panel');
+    const btn = document.getElementById('discog-variant-toggle');
+    if (!panel) return;
+    const isOpen = panel.classList.contains('open');
+    if (!isOpen && !panel.dataset.built) {
+        _buildVariantPanel();
+        panel.dataset.built = 'true';
+    }
+    panel.classList.toggle('open', !isOpen);
+    if (btn) btn.textContent = isOpen ? 'Filters ▾' : 'Filters ▴';
+}
+
+function toggleVariantFilter(btn) {
+    btn.classList.toggle('active');
+    _applyAllFilters();
+}
+
 function toggleDiscogFilter(btn) {
     btn.classList.toggle('active');
     const type = btn.dataset.type;
+    const isActive = btn.classList.contains('active');
     document.querySelectorAll(`.discog-card[data-type="${type}"]`).forEach(card => {
-        card.style.display = btn.classList.contains('active') ? '' : 'none';
+        card.dataset.typeHidden = isActive ? '' : 'true';
     });
+    _applyAllFilters();
+}
+
+function _applyAllFilters() {
+    const variantBtns = document.querySelectorAll('.discog-variant-filter');
+    const activeVariants = new Set();
+    variantBtns.forEach(b => { if (b.classList.contains('active')) activeVariants.add(b.dataset.variant); });
+    const hasVariantFilter = variantBtns.length > 0;
+    const onePerAlbum = document.getElementById('discog-one-per-album')?.checked;
+    document.querySelectorAll('.discog-card').forEach(card => {
+        const cb = card.querySelector('.discog-card-cb');
+        const typeOk = card.dataset.typeHidden !== 'true';
+        let variantOk = true;
+        if (hasVariantFilter) {
+            const cardVariants = (card.dataset.variants || 'original').split(' ');
+            variantOk = cardVariants.some(v => activeVariants.has(v));
+        }
+        const redundantOk = !onePerAlbum || card.dataset.redundant !== 'true';
+        const shouldFilter = !typeOk || !variantOk || !redundantOk;
+        if (shouldFilter && card.dataset.filterOff !== 'true') {
+            card.dataset.filterOff = 'true';
+            card.classList.add('discog-card--filtered');
+            if (cb) cb.checked = false;
+        } else if (!shouldFilter && card.dataset.filterOff === 'true') {
+            card.dataset.filterOff = '';
+            card.classList.remove('discog-card--filtered');
+            if (cb) cb.checked = card.dataset.initiallyChecked === 'true';
+        }
+    });
+    _resortGrid();
     _updateDiscogFooterCount();
 }
 
+function _resortGrid() {
+    const selectedGrid = document.getElementById('discog-grid');
+    const deselectedGrid = document.getElementById('discog-grid-deselected');
+    const deselectedSection = document.getElementById('discog-deselected-section');
+    if (!selectedGrid || !deselectedGrid) return;
+    document.querySelectorAll('.discog-card').forEach(card => {
+        if (card.dataset.filterOff === 'true') {
+            deselectedGrid.appendChild(card);
+        } else {
+            selectedGrid.appendChild(card);
+        }
+    });
+    const count = deselectedGrid.querySelectorAll('.discog-card').length;
+    if (deselectedSection) deselectedSection.style.display = count > 0 ? '' : 'none';
+    const countEl = document.getElementById('discog-deselected-count');
+    if (countEl) countEl.textContent = count;
+}
+
+function toggleDeselectedSection() {
+    const grid = document.getElementById('discog-grid-deselected');
+    const chevron = document.querySelector('#discog-deselected-toggle .discog-expand-chevron');
+    if (!grid) return;
+    const isOpen = grid.style.display !== 'none';
+    grid.style.display = isOpen ? 'none' : '';
+    if (chevron) chevron.textContent = isOpen ? '▾' : '▴';
+}
+
 function sortDiscogGrid(value) {
-    const grid = document.getElementById('discog-grid');
-    if (!grid) return;
-    const cards = Array.from(grid.querySelectorAll('.discog-card'));
-    cards.sort((a, b) => {
-        if (value === 'date-desc') return parseInt(b.dataset.year || '0') - parseInt(a.dataset.year || '0');
-        if (value === 'date-asc')  return parseInt(a.dataset.year || '0') - parseInt(b.dataset.year || '0');
-        if (value === 'name-asc')  return (a.dataset.name || '').localeCompare(b.dataset.name || '');
-        if (value === 'name-desc') return (b.dataset.name || '').localeCompare(a.dataset.name || '');
-        return 0;
+    ['discog-grid', 'discog-grid-deselected'].forEach(id => {
+        const grid = document.getElementById(id);
+        if (!grid) return;
+        const cards = Array.from(grid.querySelectorAll('.discog-card'));
+        cards.sort((a, b) => {
+            if (value === 'date-desc') return parseInt(b.dataset.year || '0') - parseInt(a.dataset.year || '0');
+            if (value === 'date-asc')  return parseInt(a.dataset.year || '0') - parseInt(b.dataset.year || '0');
+            if (value === 'name-asc')  return (a.dataset.name || '').localeCompare(b.dataset.name || '');
+            if (value === 'name-desc') return (b.dataset.name || '').localeCompare(a.dataset.name || '');
+            return 0;
+        });
+        cards.forEach(card => grid.appendChild(card));
     });
-    cards.forEach(card => grid.appendChild(card));
 }
 
-function discogSelectAll(select) {
-    document.querySelectorAll('.discog-card-cb').forEach(cb => {
-        if (cb.closest('.discog-card').style.display !== 'none') {
-            cb.checked = select;
-        }
-    });
+function discogToggleSelectAll() {
+    const selectedGrid = document.getElementById('discog-grid');
+    if (!selectedGrid) return;
+    const cbs = Array.from(selectedGrid.querySelectorAll('.discog-card-cb'));
+    const allChecked = cbs.length > 0 && cbs.every(cb => cb.checked);
+    cbs.forEach(cb => { cb.checked = !allChecked; });
     _updateDiscogFooterCount();
 }
 
+function _updateSelectToggleBtn() {
+    const btn = document.getElementById('discog-select-toggle');
+    const selectedGrid = document.getElementById('discog-grid');
+    if (!btn || !selectedGrid) return;
+    const cbs = Array.from(selectedGrid.querySelectorAll('.discog-card-cb'));
+    const allChecked = cbs.length > 0 && cbs.every(cb => cb.checked);
+    btn.textContent = allChecked ? 'Deselect All' : 'Select All';
+}
+
 function _updateDiscogFooterCount() {
-    const checked = document.querySelectorAll('.discog-card-cb:checked');
     let releases = 0, tracks = 0;
-    checked.forEach(cb => {
-        if (cb.closest('.discog-card').style.display !== 'none') {
-            releases++;
-            tracks += parseInt(cb.dataset.tracks) || 0;
-        }
+    document.querySelectorAll('.discog-card-cb:checked').forEach(cb => {
+        releases++;
+        tracks += parseInt(cb.dataset.tracks) || 0;
     });
     const info = document.getElementById('discog-footer-info');
     const btn = document.getElementById('discog-submit-text');
@@ -2571,6 +2792,7 @@ function _updateDiscogFooterCount() {
     if (btn) btn.textContent = releases > 0 ? `Add ${releases} to Wishlist` : 'Select releases';
     const submitBtn = document.getElementById('discog-submit-btn');
     if (submitBtn) submitBtn.disabled = releases === 0;
+    _updateSelectToggleBtn();
 }
 
 async function startDiscographyDownload() {
@@ -2584,17 +2806,12 @@ async function startDiscographyDownload() {
         return;
     }
 
-    const checked = document.querySelectorAll('.discog-card-cb:checked');
-    const albumEntries = [];
-    checked.forEach(cb => {
-        if (cb.closest('.discog-card').style.display !== 'none') {
-            albumEntries.push({
-                id: cb.dataset.albumId,
-                name: cb.dataset.albumName || '',
-                tracks: parseInt(cb.dataset.tracks) || 0
-            });
-        }
-    });
+    const checked = Array.from(document.querySelectorAll('.discog-card-cb:checked'));
+    const albumEntries = checked.map(cb => ({
+        id: cb.dataset.albumId,
+        name: cb.dataset.albumName || '',
+        tracks: parseInt(cb.dataset.tracks) || 0
+    }));
     // Sort by track count descending — process Deluxe/expanded editions first
     // so their tracks get added before standard editions (which then get deduped)
     albumEntries.sort((a, b) => b.tracks - a.tracks);
@@ -2602,12 +2819,16 @@ async function startDiscographyDownload() {
     if (albumEntries.length === 0) return;
 
     // Switch to progress view
-    const grid = document.getElementById('discog-grid');
+    const selectedGrid = document.getElementById('discog-grid');
+    const deselectedSection = document.getElementById('discog-deselected-section');
+    const variantPanel = document.getElementById('discog-variant-panel');
     const progress = document.getElementById('discog-progress');
     const footer = document.getElementById('discog-footer');
     const filterBar = document.querySelector('.discog-filter-bar');
 
-    if (grid) grid.style.display = 'none';
+    if (selectedGrid) selectedGrid.style.display = 'none';
+    if (deselectedSection) deselectedSection.style.display = 'none';
+    if (variantPanel) variantPanel.style.display = 'none';
     if (filterBar) filterBar.style.display = 'none';
     if (progress) {
         progress.style.display = '';
@@ -2617,26 +2838,24 @@ async function startDiscographyDownload() {
     // Build progress items
     const albumMap = {};
     checked.forEach(cb => {
-        if (cb.closest('.discog-card').style.display !== 'none') {
-            const card = cb.closest('.discog-card');
-            const id = cb.dataset.albumId;
-            const title = card.querySelector('.discog-card-title')?.textContent || '';
-            const img = card.querySelector('.discog-card-art img')?.src || '';
-            albumMap[id] = { title, img };
+        const card = cb.closest('.discog-card');
+        const id = cb.dataset.albumId;
+        const title = card.querySelector('.discog-card-title')?.textContent || '';
+        const img = card.querySelector('.discog-card-art img')?.src || '';
+        albumMap[id] = { title, img };
 
-            const item = document.createElement('div');
-            item.className = 'discog-progress-item';
-            item.id = `discog-prog-${id}`;
-            item.innerHTML = `
-                <div class="discog-prog-art">${img ? `<img src="${img}">` : '🎵'}</div>
-                <div class="discog-prog-info">
-                    <div class="discog-prog-title">${_esc(title)}</div>
-                    <div class="discog-prog-status">Waiting...</div>
-                </div>
-                <div class="discog-prog-icon"><div class="discog-spinner"></div></div>
-            `;
-            progress.appendChild(item);
-        }
+        const item = document.createElement('div');
+        item.className = 'discog-progress-item';
+        item.id = `discog-prog-${id}`;
+        item.innerHTML = `
+            <div class="discog-prog-art">${img ? `<img src="${img}">` : '🎵'}</div>
+            <div class="discog-prog-info">
+                <div class="discog-prog-title">${_esc(title)}</div>
+                <div class="discog-prog-status">Waiting...</div>
+            </div>
+            <div class="discog-prog-icon"><div class="discog-spinner"></div></div>
+        `;
+        progress.appendChild(item);
     });
 
     // Update footer
diff --git a/webui/static/style.css b/webui/static/style.css
index d97e4f85..99ccb47e 100644
--- a/webui/static/style.css
+++ b/webui/static/style.css
@@ -46110,6 +46110,63 @@ textarea.enhanced-meta-field-input {
 .discog-sort-select:hover { color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.15); }
 .discog-sort-select option { background: #1a1a2e; color: #fff; }
 
+.discog-expand-btn { padding: 4px 10px; }
+
+.discog-variant-panel {
+    max-height: 0; overflow: hidden; flex-shrink: 0;
+    transition: max-height 0.25s ease, padding 0.25s ease;
+    border-bottom: 0px solid rgba(255,255,255,0.06);
+}
+.discog-variant-panel.open {
+    max-height: 600px;
+    padding: 10px 20px 12px;
+    border-bottom-width: 1px;
+}
+.discog-variant-filters { display: flex; flex-direction: column; gap: 10px; }
+
+.discog-redundancy-row { display: flex; align-items: center; gap: 8px; }
+.discog-one-per-label {
+    display: flex; align-items: center; gap: 5px; cursor: pointer;
+    font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.4);
+    font-family: inherit; white-space: nowrap;
+}
+.discog-one-per-label input[type="checkbox"] { cursor: pointer; accent-color: rgb(var(--accent-rgb)); }
+
+.discog-pref-select {
+    padding: 3px 6px; border-radius: 6px; font-size: 11px; font-weight: 600;
+    background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
+    color: rgba(255,255,255,0.4); cursor: pointer; font-family: inherit;
+    appearance: none; -webkit-appearance: none;
+}
+.discog-pref-select:not(:disabled):hover { color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.15); }
+.discog-pref-select:disabled { opacity: 0.4; cursor: default; }
+.discog-pref-select option { background: #1a1a2e; color: #fff; }
+
+.discog-variant-chips { display: flex; flex-wrap: wrap; gap: 6px; }
+.discog-redundancy-row + .discog-variant-chips {
+    padding-top: 8px;
+    border-top: 1px solid rgba(255,255,255,0.06);
+}
+
+.discog-filter-count {
+    display: inline-block; margin-left: 3px;
+    font-size: 10px; font-weight: 500; opacity: 0.55;
+}
+
+.discog-card--filtered { opacity: 0.35; transition: opacity 0.15s ease; }
+.discog-card--filtered:hover { opacity: 0.6; }
+
+.discog-deselected-section { flex-shrink: 0; }
+.discog-deselected-toggle {
+    width: 100%; padding: 10px 20px; background: rgba(255,255,255,0.02);
+    border: none; border-top: 1px solid rgba(255,255,255,0.06);
+    color: rgba(255,255,255,0.35); font-size: 12px; font-weight: 600;
+    font-family: inherit; cursor: pointer; text-align: left;
+    transition: color 0.15s ease;
+}
+.discog-deselected-toggle:hover { color: rgba(255,255,255,0.6); }
+.discog-expand-chevron { margin-left: 4px; }
+
 /* Album grid */
 .discog-section-header {
     grid-column: 1 / -1;