From 4a203dbaf83711266891d29a0dcadaff46026c36 Mon Sep 17 00:00:00 2001
From: Armin <armin@cherry>
Date: Wed, 8 Jul 2026 19:18:37 +0200
Subject: [PATCH] increase cover art display size to ~130%

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 20509de..f37ca3a 100644
--- a/index.html
+++ b/index.html
@@ -23,10 +23,10 @@ footer .brand { margin-left: auto; }
 .pinned { flex-shrink: 0; background: linear-gradient(to bottom, #1e2132, #161821); padding: 16px 24px; display: flex; flex-direction: row; gap: 20px; align-items: center; }
 .player { display: flex; flex-direction: row; width: 100%; align-items: center; }
 canvas { width: 100%; height: 100px; border-radius: 6px; display: block; }
-.cover-art { width: 120px; height: 120px; flex-shrink: 0; border-radius: 8px; overflow: hidden; background: #272c42; display: flex; align-items: center; justify-content: center; margin-right: 24px; }
+.cover-art { width: 156px; height: 156px; flex-shrink: 0; border-radius: 8px; overflow: hidden; background: #272c42; display: flex; align-items: center; justify-content: center; margin-right: 24px; }
 .cover-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
-.cover-art .no-cover { font-size: 32px; color: #6b7089; user-select: none; }
-.player-right { display: flex; flex-direction: column; width: 320px; flex-shrink: 0; align-items: center; }
+.cover-art .no-cover { font-size: 40px; color: #6b7089; user-select: none; }
+.player-right { display: flex; flex-direction: column; width: 360px; flex-shrink: 0; align-items: center; }
 .audio-info { font-size: 11px; color: #6b7089; font-variant-numeric: tabular-nums; min-height: 1.4em; }
 .player .track-info { margin-bottom: 4px; }
 .player .track-info .title { font-size: 16px; font-weight: 600; color: #c6c8d1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }