From 1d77c7b10bdae87a4f764b6e00620389a4a90064 Mon Sep 17 00:00:00 2001
From: coon <coon@mailbox.org>
Date: Wed, 29 Nov 2023 23:53:51 +0100
Subject: [PATCH] static: add playback arrow image + red highlight background
 color

---
 static/flexbox/sanic.css |  12 +++++++++++-
 static/img/playback.png  | Bin 0 -> 503 bytes
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 static/img/playback.png

diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css
index 477b72e..b78d153 100644
--- a/static/flexbox/sanic.css
+++ b/static/flexbox/sanic.css
@@ -32,7 +32,7 @@ td {
 }
 
 #queue-table tr td:first-of-type {
-  padding-left: 20px;
+  padding-left: 16px;
 }
 
 /* This is probably a better way to generate alternate coloring on tables. However,
@@ -56,6 +56,16 @@ table tr.even {
   background-color: #171812;
 }
 
+#queue-table tr.playing {
+  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
new file mode 100644
index 0000000000000000000000000000000000000000..eebea58b5cdcf35ecde2f5fcc81eef604ee65672
GIT binary patch
literal 503
zcmV<T0SNwyP)<h;3K|Lk000e1NJLTq000mG000mO1ONa4wfZ;e0003cX+uL$Nkc;*
zaB^>EX>4Tx04R~2kUdMoP!xurR8jF`QaXr221g4n76%tUXmBXhw1U+sy=k$S#E_&E
z|AGHRe@q8K@GrP4IQ!n{;9wRn9Nve+Iq!S#g_;|gIG^8xI4LsEKk8rhuiV8qR@kP_
zE(d|h({{Jjqw;*d;#hrYSg-22KhHuq%#C!WN=%v+;2esZ(;~I3V&k^wpNJpCZWt$_
z_({AI#-U}q>&MZ={CL{itPYcluI;O~@HnGQ2bTd8#zYh}q=`DGG})JWWCYxkW26y7
z^`@FBxDn-Y@;DatM7m8y-e#HCQOZCbV|m$xJ7Rg-Jna8|uYH`Cn@)X}23b(H=2W%O
z2;LuItq<$ZuzX#Swe<UK6*J9p=AUo;0*Xpdwkx)?$p8QV0%A)?L;&4V?~Pjk000Sa
zNLh0L01FcU01FcV0GgZ_00007bV*G`2j>eN7B4o}J5B!p0037>L_t(2&!y2(3cw%?
z1JGo66Yqbdo+W<BMs?8%>yJpEDO3vkx^M<4>LVfGNg5G0r{qfjpa5|J94c;ZN1a$u
tu}R2H1M1M6!2I@J;d8v33H<-8bv4Ln83rQ*N{Rpg002ovPDHLkV1lW1*9rgt

literal 0
HcmV?d00001