From f7e59718cb58ee65a6ab7b00ab16fa017846b1be Mon Sep 17 00:00:00 2001
From: Stanislav Haluska <stanislav.haluska@gmail.com>
Date: Fri, 7 Feb 2025 13:23:33 +0100
Subject: [PATCH] add class options

---
 src/main.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/main.js b/src/main.js
index ab636c0..69dd267 100644
--- a/src/main.js
+++ b/src/main.js
@@ -559,11 +559,10 @@ class MiniGraphCard extends LitElement {
           if (diffInMinutes > 0 && diffInMinutes < minutesInGraph) {
             const startDate = new Date(startTime);
             const x = graphWidth - graphWidth / minutesInGraph * diffInMinutes;
-            lines.push(svg`<line x1=${x} y1="0" x2=${x} y2=${height - 12} 
-              stroke="grey" 
-              stroke-width=${this.isMidnight(hour, minutes) ? '2' : '1'} 
-              stroke-dasharray=${this.isMidnight(hour, minutes) ? '0' : '10,5'}
-              /><text x=${x} y=${height - 2} font-size="10" fill="grey" text-anchor="middle">
+            lines.push(svg`<line class="line-${time.replace(':', '-')}" x1=${x} y1="0" x2=${x} y2=${height - 12} 
+              stroke="grey" stroke-width="2" />
+              <text class="text-${time.replace(':', '-')}" x=${x} y=${height - 2} 
+              font-size="10" fill="grey" text-anchor="middle">
               ${this.isMidnight(hour, minutes)
     ? `${this.zeroPad(startDate.getDate())}-${this.zeroPad(startDate.getMonth() + 1)}`
     : time}</text>`);