Fixade till utskriften

css/style.css

@@ -7,21 +7,20 @@
 
 .hv-item {
     padding: 12px 16px;
-    border: 1px solid #ddd;
+    border: 1px solid #2a2e37;
     border-radius: 6px;
-    background: #fafafa;
     transition:
         background 0.2s,
         box-shadow 0.2s;
 }
 
 .hv-item:hover {
-    background: #f5f5f5;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
+    background-color: #16181d;
 }
 
 .hv-kurs {
     font-weight: bold;
+    color: #ff8f3f;
     margin-bottom: 4px;
 }
 
@@ -40,5 +39,5 @@
     margin: 2px 0 4px 0;
 }
 .hv-item i {
-    color: hsl(0, 50%, 60%);
+    color: #4da3ff;
 }

src/frontend.js

@@ -8,12 +8,12 @@ document.addEventListener("DOMContentLoaded", () => {
                 (ev) => `
      <div class='hv-item'>
        <div class='hv-kurs'>${ev.kurs}</div>
-       <div class='hv-moment'>${ev.moment}</div>
+       <!-- <div class='hv-moment'>${ev.moment}</div> -->
        <div class='hv-datetime'><i class="fa-solid fa-calendar-days"></i>
             <span class="hv-datum">${ev.datum}</span>
-            <span class="hv-tid">${ev.tid}</span>
+            @ <span class="hv-tid">${ev.tid}</span>
         </div>
-       <div class='hv-lokal'><i class="fa-solid fa-location-dot"></i>${ev.lokal}</div>
+       <div class='hv-lokal'><i class="fa-solid fa-location-dot"></i> ${ev.lokal}</div>
      </div>`,
             )
             .join("");