From 79ffdd70184e14c599f8d928143a29a6bb523608 Mon Sep 17 00:00:00 2001
From: "s0wlz (Matthias Puchstein)" <matthias@puchstein.lu>
Date: Wed, 11 Mar 2026 03:49:41 +0100
Subject: [PATCH] [bug fixes] fixed typos in the new tmpls

---
 src-tauri/templates/overlay/countdown/countdown.css.j2  | 4 ++--
 src-tauri/templates/overlay/countdown/countdown.html.j2 | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src-tauri/templates/overlay/countdown/countdown.css.j2 b/src-tauri/templates/overlay/countdown/countdown.css.j2
index a81f9cc..1260491 100644
--- a/src-tauri/templates/overlay/countdown/countdown.css.j2
+++ b/src-tauri/templates/overlay/countdown/countdown.css.j2
@@ -13,8 +13,8 @@
   justify-content: center;
   height: 100vh;
 }
-.countdown-item.hidden {
-  display: none;
+.countdown-item[data-hidden="true"] {
+    display: none;
 }
 {% for c in countdowns %}
 #timer-{{ c.id }} {
diff --git a/src-tauri/templates/overlay/countdown/countdown.html.j2 b/src-tauri/templates/overlay/countdown/countdown.html.j2
index 77802af..1e18c55 100644
--- a/src-tauri/templates/overlay/countdown/countdown.html.j2
+++ b/src-tauri/templates/overlay/countdown/countdown.html.j2
@@ -2,10 +2,15 @@
   {% for c in countdowns %}
     <div
       id="countdown-{{ c.id }}"
-      class="countdown-item{% if hide_idle and c.state == 'Idle' %}hidden{% endif %}"
+      class="countdown-item"
+      data-hidden="{{ hide_idle and c.state == 'Idle' }}"
     >
       {% if c.icon %}
-        <img id="icon-{{ c.id }}" src="{{ c.icon }}" alt="{{ c.name }}" />
+        <img
+          id="icon-{{ c.id }}"
+          src="/static/icons/{{ c.icon }}"
+          alt="{{ c.name }}"
+        />
       {% endif %}
       <span
         id="timer-{{ c.id }}"