diff --git a/static/flexbox/index.html b/static/flexbox/index.html
index 2b63675..618ad48 100644
--- a/static/flexbox/index.html
+++ b/static/flexbox/index.html
@@ -78,7 +78,7 @@
-
+
1 |
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
@@ -86,7 +86,7 @@
undefined |
9:29 |
-
+
2 |
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
@@ -94,15 +94,15 @@
undefined |
9:29 |
-
- 3 |
+
+ 3 |
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
undefined |
undefined |
9:29 |
-
+
4 |
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
@@ -110,7 +110,7 @@
undefined |
9:29 |
-
+
5 |
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
@@ -118,7 +118,7 @@
undefined |
9:29 |
-
+
6 |
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
@@ -126,7 +126,7 @@
undefined |
9:29 |
-
+
7 |
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
@@ -200,49 +200,49 @@
-
+
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
undefined |
undefined |
9:29 |
-
+
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
undefined |
undefined |
9:29 |
-
+
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
undefined |
undefined |
9:29 |
-
+
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
undefined |
undefined |
9:29 |
-
+
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
undefined |
undefined |
9:29 |
-
+
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
undefined |
undefined |
9:29 |
-
+
Chakra |
Love Shines Through (Martin Roth's in Electro Love Remix) |
undefined |
diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css
index 422c8d4..f633feb 100644
--- a/static/flexbox/sanic.css
+++ b/static/flexbox/sanic.css
@@ -84,9 +84,13 @@ td {
padding-left: 16px;
}
-/* This is probably a better way to generate alternate coloring on tables. However,
- background color for selected track is overwritten this way. Therefore the "old
- school" way of alternate coloring is used for now.
+#queue table tr.playing td:first-of-type::before {
+ content: '\2BC8';
+}
+
+#queue table tr:not(.playing) td:first-of-type {
+ padding-left: 2em; /* TODO: do proper spacing */
+}
table tr:nth-child(odd) td {
background:#1e1f1a;
@@ -95,26 +99,12 @@ table tr:nth-child(odd) td {
table tr:nth-child(even) td {
background:#171812;
}
-*/
-table tr.odd {
- background-color: #1e1f1a;
-}
-
-table tr.even {
- background-color: #171812;
-}
-
-#queue-table tr.playing {
+#queue table tr:nth-child(odd).playing td,
+#queue table tr:nth-child(even).playing td {
background-color: #490b00;
}
-td.playing {
- background-image: url(../img/playback.png);
- background-repeat: no-repeat;
- background-position: left center;
-}
-
#flexbox-container {
display: flex;
flex-direction: column;
diff --git a/static/img/playback.png b/static/img/playback.png
deleted file mode 100644
index eebea58..0000000
Binary files a/static/img/playback.png and /dev/null differ