daniel-c-harvey
15 lines
478 B
CSS
15 lines
478 B
CSS
/* Stable minimum width so the transport cluster doesn't reflow */
|
|
::deep .controls-left {
|
|
min-width: 200px;
|
|
}
|
|
|
|
/* Narrow (< 600px): lay the transport root horizontally (controls beside
|
|
timestamp) so it fits on one line next to VolumeControls. Scoped to the
|
|
root .transport-zone stack so the nested controls stack is untouched. */
|
|
@media (max-width: 599.98px) {
|
|
::deep .transport-zone {
|
|
flex-direction: row !important;
|
|
align-items: center;
|
|
}
|
|
}
|