diff --git a/src/lib/Library.svelte b/src/lib/Library.svelte index 5b1faad..a132f8f 100644 --- a/src/lib/Library.svelte +++ b/src/lib/Library.svelte @@ -935,7 +935,6 @@ function onKey(event: KeyboardEvent) { padding-block: 0.25rem; padding-inline: 0.5rem; font-size: 0.8rem; - line-height: 1.5; border: var(--border); background: Canvas; color: CanvasText; diff --git a/src/lib/NowPlaying.svelte b/src/lib/NowPlaying.svelte index ad7f615..457489f 100644 --- a/src/lib/NowPlaying.svelte +++ b/src/lib/NowPlaying.svelte @@ -442,7 +442,7 @@ $effect(() => { } .track-artwork { - inline-size: 64px; + inline-size: 4rem; flex-shrink: 0; } .track-info { @@ -457,7 +457,7 @@ $effect(() => { @media (width <= 16rem) { .track-artwork { - inline-size: 48px; + inline-size: 3rem; } } diff --git a/src/lib/Queue.svelte b/src/lib/Queue.svelte index 0107673..0788f1a 100644 --- a/src/lib/Queue.svelte +++ b/src/lib/Queue.svelte @@ -1014,7 +1014,6 @@ button { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - line-height: 1.5; } .col-artwork { display: flex; diff --git a/src/lib/dialogs/InfoModal.svelte b/src/lib/dialogs/InfoModal.svelte index eb4d6bc..c74c604 100644 --- a/src/lib/dialogs/InfoModal.svelte +++ b/src/lib/dialogs/InfoModal.svelte @@ -904,7 +904,7 @@ article { > p { margin-block: 0.75rem 0; - line-height: 1.4; + line-height: 1.5; white-space: pre-wrap; text-wrap: pretty; overflow-wrap: anywhere; @@ -937,7 +937,6 @@ article { align-items: center; flex-wrap: wrap; gap: 0.5rem; - line-height: 1; } .info-actions button, @@ -1002,8 +1001,7 @@ article { min-inline-size: 0; } article > header > img { - block-size: 48px; - inline-size: 48px; + inline-size: 4rem; border-radius: var(--radius-sm); } section > :global(.info-background) {