Change CSS date markers from id to class.

2 files changed, 17 insertions, 17 deletions

diff --git a/module/output/html.scm b/module/output/html.scm
index d68d8bab..34363367 100644
--- a/module/output/html.scm
+++ b/module/output/html.scm
@@ -107,8 +107,8 @@
                (span (@ (class "daydate")) ,(date->string date "~Y-~m-~d")))
           (div (@ (class "events"))
                ,@(map (lambda (time)
-                        `(div (@ (id ,(string-append "clock-" time))
-                                 (class "clock")) " "))
+                        `(div (@ (class "clock "
+                                   ,(string-append "clock-" time))) " "))
                       (map number->string (iota 12 0 2)))
                ,@(stream->list (stream-map (lambda (e) (vevent->sxml date e)) events))))))
 
@@ -118,8 +118,8 @@
              (div (@ (class "meta")) #\space)
              (div (@ (class "clockbar"))
                   ,@(map (lambda (time)
-                           `(div (@ (id ,(string-append "clock-" time))
-                                    (class "clock"))
+                           `(div (@ (class "clock "
+                                      ,(string-append "clock-" time)))
                                  (span (@ (class "clocktext"))
                                        ,(string-append time ":00"))))
                          (map number->string (iota 12 0 2)))))))
diff --git a/static/style.css b/static/style.css
index 4509dc95..f20b9430 100644
--- a/static/style.css
+++ b/static/style.css
@@ -136,16 +136,16 @@
 	margin-left: 3mm;
 }
 
-#clock-0  { top: calc(100%/24 *  0); }
-#clock-2  { top: calc(100%/24 *  2); }
-#clock-4  { top: calc(100%/24 *  4); }
-#clock-6  { top: calc(100%/24 *  6); }
-#clock-8  { top: calc(100%/24 *  8); }
-#clock-10 { top: calc(100%/24 * 10); }
-#clock-12 { top: calc(100%/24 * 12); }
-#clock-14 { top: calc(100%/24 * 14); }
-#clock-16 { top: calc(100%/24 * 16); }
-#clock-18 { top: calc(100%/24 * 18); }
-#clock-20 { top: calc(100%/24 * 20); }
-#clock-22 { top: calc(100%/24 * 22); }
-#clock-24 { top: calc(100%/24 * 24); }
+.clock-0  { top: calc(100%/24 *  0); }
+.clock-2  { top: calc(100%/24 *  2); }
+.clock-4  { top: calc(100%/24 *  4); }
+.clock-6  { top: calc(100%/24 *  6); }
+.clock-8  { top: calc(100%/24 *  8); }
+.clock-10 { top: calc(100%/24 * 10); }
+.clock-12 { top: calc(100%/24 * 12); }
+.clock-14 { top: calc(100%/24 * 14); }
+.clock-16 { top: calc(100%/24 * 16); }
+.clock-18 { top: calc(100%/24 * 18); }
+.clock-20 { top: calc(100%/24 * 20); }
+.clock-22 { top: calc(100%/24 * 22); }
+.clock-24 { top: calc(100%/24 * 24); }