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
zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4i*LmhONKMUokK+s%APn2Y5O=D-;yvr)B1(
zGB9XNoIAnR`*46r+x(EgkI6w+9ZqcS+<Ic{;`SK@8dtV7UDe#1xpBsk2}?x&H~x32
z_hEPZpua=g;`hB54-&-mW$v{fwtQdxzIB%LOpE#Vn=Ler&fC9=|F-_lQS-1H%g*Vs
zH=ev)w*BhjPc{1<Mbu_StbeuB{=AdLnck9RUOux#AINmgzO1x$P156S&*yi@AIXzY
zU--jwkMOaDsk>hvzj)+N#jV?G_$GI+d%Jqu2aCnN?9&;AkGY7LEa|jbZgO*aRSL_U
z$;nFuoxd)drMW}!Y0)POv9B(>d|mIQ&Ac9X%0Vu<@@9*5Qsph1H~;I_*Up(f+pl&S
zTV%ktXCYfJa@><oT+9FZ{Dzv?iCe$?&J{I2Tl8#x{vW0;uYhgZ+cuwMU|?WM@^*J&
zxEu7oH=2QgfwRCPvY3H^TNs2H8D`CqU|?WiFY)wsWq-~sE2eLD-P-p*0|P_2r;B5V
z#`&ce1Gx?;@GxIUsSti&zhs_j-3hnSi=40fJ?3kMaQ)s@z^3s^S@D6Vl%U!2C*BMT
z7z!C>wDR)Y=SBo<^gQ9q{OZD-1Ao57JuKccoAb~AHKnE}G9=lQnZ3Fg7#J8lUHx3v
IIVCg!0I77>3IG5A

literal 0
HcmV?d00001