static/flexbox/sanic.css

@@ -18,21 +18,6 @@ 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;
@@ -42,6 +27,7 @@ table tr:nth-child(even) td {
 #controls-top {
   display: flex;
   flex-direction: row;
+  justify-content: space-b;
 }
 
 #top-left-controls {
@@ -103,8 +89,6 @@ table tr:nth-child(even) td {
 }
 
 #queue {
-  display: flex;
-  flex-direction: column;
   flex-grow: 1;
 }
 
@@ -115,19 +99,13 @@ table tr:nth-child(even) td {
 }
 
 #playlist_controls {
-  background-color: #171812;;
-  /* flex-grow: 1; */
-  width: 20%; /* frickel? */
+  flex-grow: 1;
 }
 
 #playlist_tracklist {
-  display: flex;
-  flex-direction: column;
-
-  width: 80%; /* frickel? */
+  flex-grow: 4;
 }
 
 #footer {
-  background-color: #041936;
   text-align: right;
 }