diff --git a/src/components.js b/src/components.js index 826939f..c5cb520 100644 --- a/src/components.js +++ b/src/components.js @@ -73,6 +73,7 @@ export function makeGlobalTrackItem(t, idx, list) { const art = t.artworkUrl60 || t.artworkUrl100 || ''; el.innerHTML = `
${art ? `` : '
๐ŸŽต
'}
+
${t.trackNumber || ''}
${esc(t.trackName||t.collectionName||'โ€”')}${t.trackExplicitness==='explicit'?'E':''}
${esc(t.artistName||'โ€”')} ยท ${esc(t.collectionName||'')} ${t.releaseDate?'ยท '+new Date(t.releaseDate).getFullYear():''}
diff --git a/styles.css b/styles.css index 38c20fd..506cd58 100644 --- a/styles.css +++ b/styles.css @@ -185,7 +185,8 @@ nav{flex:1;overflow-y:auto;padding:4px 10px} .badge-local{background:var(--green-dim);color:var(--green)} /* โ”€โ”€ GLOBAL SEARCH RESULTS โ”€โ”€ */ -.gtrack-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:8px 12px;border-radius:9px;cursor:pointer;transition:background .15s} +.gtrack-item{display:grid;grid-template-columns:28px 52px 1fr auto;gap:12px;align-items:center;padding:8px 12px;border-radius:9px;cursor:pointer;transition:background .15s} +.gtrack-num{font-size:12px;color:var(--text3);text-align:right;font-variant-numeric:tabular-nums} .gtrack-item:hover{background:var(--surface)} .gtrack-art{width:52px;height:52px;border-radius:6px;overflow:hidden;background:var(--surface2);flex-shrink:0} .gtrack-art img{width:100%;height:100%;object-fit:cover}