Skip to content

Instantly share code, notes, and snippets.

@AliceMousie
Last active June 22, 2024 09:29
Show Gist options
  • Save AliceMousie/feca1bd2ae06bd5cee553b55966e901d to your computer and use it in GitHub Desktop.
Save AliceMousie/feca1bd2ae06bd5cee553b55966e901d to your computer and use it in GitHub Desktop.
Youtube Music Desktop custom CSS - Compact song list in playlists/albums/mixes
#secondary {
width: 75% !important;
max-width: unset !important;
ytmusic-responsive-list-item-renderer {
--ytmusic-responsive-list-item-thumbnail-size: 24px !important;
--ytmusic-responsive-list-item-padding: 2px !important;
--ytmusic-list-item-height: 24px !important;
.title-column {
flex-basis: auto !important;
flex: 12 1 0 !important;
margin: 0 1rem 0 0 !important;
}
.flex-columns {
flex-direction: row !important;
align-items: center;
.secondary-flex-columns {
yt-formatted-string::before {
margin: 0 1rem !important;
}
}
}
.fixed-columns > yt-formatted-string {
width: auto !important;
}
yt-button-shape > button {
height: 16px;
width: 16px;
margin: 0;
}
yt-icon {
height: 16px !important;
width: 16px !important;
}
}
#contents {
margin-bottom: 2rem !important;
}
}
#primary {
width: 25% !important;
margin: 0 4rem 0 0 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment