From 86536a2f22833edba014078f7993a7455dcd142a Mon Sep 17 00:00:00 2001
From: Glenn Thompson <glennt40@gmail.com>
Date: Thu, 11 Dec 2025 11:59:48 +0300
Subject: [PATCH] Replace reconnect button emoji with sync icon

- Add static/icons/sync.png (24x24px)
- Use CSS filter to make icon green to match player theme
---
 static/icons/sync.png            | Bin 0 -> 904 bytes
 template/audio-player-frame.ctml |   2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 create mode 100644 static/icons/sync.png

diff --git a/static/icons/sync.png b/static/icons/sync.png
new file mode 100644
index 0000000000000000000000000000000000000000..de111e2bfbfab8c72a80dd8eaeb1cc4fa94b6244
GIT binary patch
literal 904
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaADI|LY`7$t6sWC7#v@kII0tz*}
zU|=XUU|@Kaz`$TNgMmT3V9u^U8=%DP0G|+7AZ=u3X=G~Y7-(c@Zed_zuCHUIuWxH;
zVqs)vWek)uv1F*u11cC==>Px!DXLR;0KMm4666;Qq!ECLox5-U-aX4BIQUoHy?y87
zuQpa5d2zFYUtI*}g!=qx6qxtQWP<SAf8TzD#Qj|MsrJ!nnJ>nk%#kmfDrcBi0L@`c
z@^*Le_`r1K6_CSO;1OBOz~DU{gc;u*%~t>lvX^-Jy0X9I;pUJPdb{En8&K${r;B5V
z#`(DuuM0I92)Gu$Wj)%&YrRNGsY~`v@BjbGkxmAOXWyGS*RyET+{gcdStMK^ax?s}
z5q-ZYf`Q9vqf5xTj?fP^k6y&BHlO7ZwEFH#rNaBwwb$7~J_SfBGD!HVO!c+9nkIMQ
zd0(=^!cv_ns&QwoRxQr$jcpS1Joqmm^4rIfYlj~w%{uf|?Y_JN)6azr{objJb$k_f
zp56{Mm@odPrQz7c^UD|KMz+^VsFWWIyS*k{jn#4Ef_*aS>#Ak<ZPmQJK+E^olCKku
zrZjhcVfeLfsf8ZzUBBI`KaF#)WWSiIShzZA=^OvO8X`@$sft_F(;6+!ESc*rv3nko
z|K69^?*j}3)e_f;l9a@fRIB8oR3OD*WME{fYiOivXb@s(W@ThzWn`&sU|?lnkhOsc
z6x0X}x%nxXX_dG&NWa~61gJp+ZbM0CZfbE!Vr~IKk70;`1<(d7Lkox{5%meHfqEoC
udV=%QO3D+9QW?t2%k?tzvWt@w3sUv+i_&MmvylQSV(@hJb6Mw<&;$T#aVMkz

literal 0
HcmV?d00001

diff --git a/template/audio-player-frame.ctml b/template/audio-player-frame.ctml
index f941812..1dc5111 100644
--- a/template/audio-player-frame.ctml
+++ b/template/audio-player-frame.ctml
@@ -29,7 +29,7 @@
     <span class="now-playing-mini" id="mini-now-playing">Loading...</span>
     
     <button id="reconnect-btn" onclick="reconnectStream()" class="persistent-reconnect-btn" title="Reconnect if audio stops working">
-      🔄
+      <img src="/asteroid/static/icons/sync.png" alt="Reconnect" style="width: 18px; height: 18px; vertical-align: middle; filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);">
     </button>
     
     <button onclick="disableFramesetMode()" class="persistent-disable-btn">