src/app/core/components/now-playing/now-playing.scss
// FLEX LAYOUT START
:host {
$padding-bottom: 31rem;
flex-grow: 16;
flex-shrink: 0;
flex-basis: 0rem;
display: flex;
flex-direction: column;
.sidebar-pane {
flex: 1 1 0;
display: flex;
flex-direction: column;
// hidden for hiding top shadow while exposing bottom shadow
overflow-y: hidden;
}
now-playlist-filter {
flex-grow: 0;
flex-shrink: 1;
flex-basis: 0rem;
}
now-playlist {
flex: 1 1 0;
overflow-y: auto;
padding-bottom: $padding-bottom;
}
}
// FLEX LAYOUT END