From e8d8e1ef24ff44d3950922e3dc86f664757101a3 Mon Sep 17 00:00:00 2001
From: coon <coon@mailbox.org>
Date: Wed, 29 Nov 2023 15:57:52 +0100
Subject: [PATCH 1/4] static: fix broken css statement

---
 static/flexbox/sanic.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css
index 1c7a9cd..addbc13 100644
--- a/static/flexbox/sanic.css
+++ b/static/flexbox/sanic.css
@@ -27,7 +27,6 @@ input {
 #controls-top {
   display: flex;
   flex-direction: row;
-  justify-content: space-b;
 }
 
 #top-left-controls {

From 54130889e9178e8f3a907a34929c88023cbff68f Mon Sep 17 00:00:00 2001
From: coon <coon@mailbox.org>
Date: Wed, 29 Nov 2023 15:59:07 +0100
Subject: [PATCH 2/4] static: make tables occupy whole width

---
 static/flexbox/sanic.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css
index addbc13..410be61 100644
--- a/static/flexbox/sanic.css
+++ b/static/flexbox/sanic.css
@@ -18,6 +18,12 @@ input {
   color: white;
 }
 
+table {
+  width: 100%;
+  table-layout: fixed;
+  border-spacing: 0pt;
+}
+
 #flexbox-container {
   display: flex;
   flex-direction: column;
@@ -88,6 +94,8 @@ input {
 }
 
 #queue {
+  display: flex;
+  flex-direction: column;
   flex-grow: 1;
 }
 
@@ -98,11 +106,16 @@ 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 {

From 697d651feb78e4996b07a71e24cbf5c313ed2eaa Mon Sep 17 00:00:00 2001
From: coon <coon@mailbox.org>
Date: Wed, 29 Nov 2023 16:00:37 +0100
Subject: [PATCH 3/4] static: use alternating colors on table

---
 static/flexbox/sanic.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css
index 410be61..4c17732 100644
--- a/static/flexbox/sanic.css
+++ b/static/flexbox/sanic.css
@@ -24,6 +24,15 @@ table {
   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;

From e23bb0136a8498a0df2ba74187d1d0c03a058dad Mon Sep 17 00:00:00 2001
From: coon <coon@mailbox.org>
Date: Wed, 29 Nov 2023 16:01:08 +0100
Subject: [PATCH 4/4] static: use different color for footer

---
 static/flexbox/sanic.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css
index 4c17732..5b448ab 100644
--- a/static/flexbox/sanic.css
+++ b/static/flexbox/sanic.css
@@ -128,5 +128,6 @@ table tr:nth-child(even) td {
 }
 
 #footer {
+  background-color: #041936;
   text-align: right;
 }