From efc049266462cf681a79fcbd8c83bbf9c8503455 Mon Sep 17 00:00:00 2001 From: Mohammad Obeid Date: Wed, 5 Nov 2025 21:20:04 +0100 Subject: [PATCH] style: adjust margins for player queue and fix nav bar overlap --- websites/music.youtube.com.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/websites/music.youtube.com.css b/websites/music.youtube.com.css index bf2c0445..f2bfb492 100644 --- a/websites/music.youtube.com.css +++ b/websites/music.youtube.com.css @@ -94,6 +94,10 @@ ytmusic-chip-cloud-renderer.style-scope.ytmusic-section-list-renderer:hover { min-width: auto !important; } +div.ytmusic-player-queue#contents { + margin-bottom: 0 !important; /* @ margin no longer needed as sidebar is above player */ +} + /* Centered player */ ytmusic-app-layout:not([player-ui-state="FULLSCREEN"]) #main-panel { position: absolute !important; @@ -130,6 +134,16 @@ ytmusic-nav-bar, width: 100% !important; } +/* @ fix overlapping of nav bar and guide */ +.content { + --ytmusic-player-page-vertical-padding: var(--ytmusic-nav-bar-height); + --ytmusic-player-page-horizontal-padding: calc(var(--ytmusic-guide-width) + 20px); +} + +div.ytmusic-player-queue#contents { + margin-bottom: calc(var(--ytmusic-player-bar-height) + 10px); /* @ otherwise user can't reach the final song of the queue as its covered by player bar */ +} + /* Player bar styling */ ytmusic-player-bar, #player-bar-background {