From 2d0264b8a88c8e0de6a032b663282c4391f236a0 Mon Sep 17 00:00:00 2001 From: SandObserver <260779319+SandObserver@users.noreply.github.com> Date: Sun, 18 Oct 2026 23:15:29 -0400 Subject: [PATCH] Fit a two-line title on the Now Playing label --- ui/widgets/nowplaying/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/ui/widgets/nowplaying/index.html b/ui/widgets/nowplaying/index.html index 7d663c4f..1f0c8d32 100644 --- a/ui/widgets/nowplaying/index.html +++ b/ui/widgets/nowplaying/index.html @@ -18,7 +18,7 @@ .stage{position:absolute;inset:0} - .sticker{position:absolute;left:14px;right:14px;top:14px;height:73px; + .sticker{position:absolute;left:14px;right:14px;top:14px;height:76px; background:linear-gradient(180deg,#FFFFFF,#d2d2d2);border-radius:14px; border:1px solid rgba(0,0,0,.18);box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.6); padding:8px 12px 22px;display:flex;flex-direction:column;gap:2px;overflow:hidden} @@ -36,7 +36,7 @@ /* .title sets display. Without this rule the hidden attribute does nothing. */ .sticker [hidden],.band [hidden]{display:none} - .band{position:absolute;left:14px;right:14px;top:68px;height:19px;z-index:3;pointer-events:none; + .band{position:absolute;left:14px;right:14px;top:71px;height:19px;z-index:3;pointer-events:none; display:flex;align-items:center;justify-content:space-between;gap:4px;padding-inline:12px 4px; border-radius:0 0 14px 14px;box-shadow:inset 0 .5px 0 rgba(0,0,0,.2); background:var(--band,#8E8E93);color:var(--band-ink,#FFFFFF)} @@ -47,7 +47,7 @@ .count{min-width:14px;font-size:11px;font-weight:600;line-height:1;text-align:center;opacity:.8; font-variant-numeric:tabular-nums} - .window{position:absolute;left:14px;right:14px;top:94px;bottom:14px; + .window{position:absolute;left:14px;right:14px;top:97px;bottom:14px; background:radial-gradient(135% 135% at 50% 20%,#636366,#48484A 58%,#48484A); border-radius:5px 5px 38px 38px;overflow:hidden; box-shadow:inset 0 2px 5px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.28)}