Changes to playlist CSS, rearranged classes to avoid future conflicts

This commit is contained in:
booploops 2021-12-06 14:32:10 -08:00
parent 9b8f515858
commit b8d5dec9e6

View file

@ -1766,11 +1766,14 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
margin-bottom: 32px; margin-bottom: 32px;
} }
.playlist-info{ .playlist-display .playlist-info{
flex-shrink: unset; flex-shrink: unset;
display: flex;
flex-flow: column;
justify-content: flex-end;
} }
.playlist-info .playlist-name { .playlist-display .playlist-info .playlist-name {
font-weight: 700; font-weight: 700;
font-size: 1.6rem; font-size: 1.6rem;
margin-bottom: 6px; margin-bottom: 6px;
@ -1778,21 +1781,21 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
flex-shrink: unset; flex-shrink: unset;
} }
.playlist-info .playlist-artist { .playlist-display .playlist-info .playlist-artist {
font-weight: 500; font-weight: 500;
font-size: 1.6rem; font-size: 1.6rem;
margin-bottom: 6px; margin-bottom: 6px;
margin-right: 6px; margin-right: 6px;
flex-shrink: unset; flex-shrink: unset;
} }
.playlist-info .playlist-desc { .playlist-display .playlist-info .playlist-desc {
box-sizing: border-box; box-sizing: border-box;
font-size: 1.1rem; font-size: 1.1rem;
flex-shrink: unset; flex-shrink: unset;
margin-right: 5px; margin-right: 5px;
} }
.playlist-info .playlist-time { .playlist-display .playlist-info .playlist-time {
margin: 6px; margin: 6px;
opacity: 0.7; opacity: 0.7;
} }