diff --git a/static/pyrite.css b/static/pyrite.css index e99c8ab..2cf2b6b 100644 --- a/static/pyrite.css +++ b/static/pyrite.css @@ -48,22 +48,6 @@ input[type="radio"]:checked+div { grid-area: c; } -#player_container { - grid-area: f; - display: flex; - justify-content: center; -} - -#cover_art { - padding-right: 1em; - padding-top: 0.5em; -} - -img { - height: 100%; - max-height: 30vh; -} - .list_item { height: 2em; margin: 0.25em; @@ -84,6 +68,27 @@ img { font-size: 80%; } +#player_container { + grid-area: f; + display: flex; + flex-direction: column; + align-items: center; +} + +#cover_art { + padding-right: 1em; + padding-top: 0.5em; +} + +img { + height: 100%; + max-height: 30vh; +} + +#title { + display: flex; +} + input[type='range'] { accent-color: green; } @@ -99,3 +104,11 @@ button img { #next-track-btn img { transform: rotate(180deg); } + +#seek_controls { + width: 50%; +} + +#seek-slider { + width: 100%; +} diff --git a/templates/index.html b/templates/index.html index 3b5202f..876af5e 100644 --- a/templates/index.html +++ b/templates/index.html @@ -27,18 +27,17 @@