diff --git a/frontend/css/style.css b/frontend/css/style.css index efe9b17..ff2cb5f 100644 --- a/frontend/css/style.css +++ b/frontend/css/style.css @@ -1495,7 +1495,13 @@ body.theme-light .favorite-btn { z-index: 5; } -.cp-retry-btn { +.cp-error-actions { + display: flex; + gap: 10px; +} + +.cp-retry-btn, +.cp-open-btn { padding: 8px 20px; border-radius: 999px; border: 1px solid var(--accent); @@ -1503,12 +1509,19 @@ body.theme-light .favorite-btn { color: var(--accent); cursor: pointer; font: inherit; + text-decoration: none; + line-height: 1.2; } -.cp-retry-btn:hover { +.cp-retry-btn:hover, +.cp-open-btn:hover { background: rgba(201, 165, 103, 0.15); } +.cp-open-btn[hidden] { + display: none; +} + .cp-replay-btn { position: absolute; top: 50%; diff --git a/frontend/js/player.js b/frontend/js/player.js index bd10246..30bcb1b 100644 --- a/frontend/js/player.js +++ b/frontend/js/player.js @@ -51,7 +51,10 @@ App.player = App.player || {};