web - grey dots as spacers for your eyes to follow the line

1 files changed, 6 insertions, 1 deletions

diff --git a/src/templates/program.html b/src/templates/program.html
index c02689d..67b37c8 100644
--- a/src/templates/program.html
+++ b/src/templates/program.html
@@ -10,7 +10,12 @@
         {% if 'hacker jeopardy' in event.title | lower %} rainbow
         {% elif 'æg' in event.title | lower %} egg{% endif %}"
         style="width: {{event.progress}}%"></div>
-      <div class="program-text">{{ event.title }}  {{ event.time}}  {{ event.icon }}</div>
+      <div class="program-text">
+        <span class="program-title">{{ event.short }}</span>
+        <span class="program-spacer">{{ event.spacer }} </span>
+        <span class="program-time">{{ event.time}}</span>
+        <span class="program-icon">  {{ event.icon }}</span>
+      </div>
     </div>
     <br class="program-divider">
   {% endfor %}