diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css index 1c7a9cd..5b448ab 100644 --- a/static/flexbox/sanic.css +++ b/static/flexbox/sanic.css @@ -18,6 +18,21 @@ input { color: white; } +table { + width: 100%; + table-layout: fixed; + border-spacing: 0pt; +} + + +table tr:nth-child(odd) td { + background:#1e1f1a; +} + +table tr:nth-child(even) td { + background:#171812; +} + #flexbox-container { display: flex; flex-direction: column; @@ -27,7 +42,6 @@ input { #controls-top { display: flex; flex-direction: row; - justify-content: space-b; } #top-left-controls { @@ -89,6 +103,8 @@ input { } #queue { + display: flex; + flex-direction: column; flex-grow: 1; } @@ -99,13 +115,19 @@ input { } #playlist_controls { - flex-grow: 1; + background-color: #171812;; + /* flex-grow: 1; */ + width: 20%; /* frickel? */ } #playlist_tracklist { - flex-grow: 4; + display: flex; + flex-direction: column; + + width: 80%; /* frickel? */ } #footer { + background-color: #041936; text-align: right; }