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 {