diff --git a/styles.css b/styles.css index 425cf3c..bd02e67 100644 --- a/styles.css +++ b/styles.css @@ -714,9 +714,9 @@ button:focus{outline:none} /* ── ARTIST PAGE ── */ /* ── SHUFFLE/REPEAT STATUS BADGES ── */ -.player-status-row{display:flex;align-items:center;gap:6px;margin-top:3px;min-height:16px} -.status-badge{font-size:9px;font-weight:700;letter-spacing:.4px;padding:2px 6px;border-radius:10px;text-transform:uppercase;opacity:0;transition:opacity .2s,transform .2s;transform:scale(.8);pointer-events:none} -.status-badge.on{opacity:1;transform:scale(1)} +.player-status-row{display:flex;align-items:center;gap:6px;margin-top:3px} +.status-badge{display:none;font-size:9px;font-weight:700;letter-spacing:.4px;padding:2px 6px;border-radius:10px;text-transform:uppercase} +.status-badge.on{display:inline-flex} .badge-shuffle{background:var(--accent-dim);color:var(--accent)} .badge-repeat{background:var(--blue-dim);color:var(--blue)}