From e8d0c8b9f90ab6a327b2171f5bee8e26ae5fc7f9 Mon Sep 17 00:00:00 2001
From: Gion-Andri Cantieni <gion-andri@gmx.ch>
Date: Mon, 4 Dec 2023 17:27:13 +0100
Subject: [PATCH] feat: style weekday (experiment)

---
 .../events-list-cards/events-list-cards.component.html       | 3 ++-
 .../events-list-cards/events-list-cards.component.scss       | 5 +++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/components/events/events-list/events-list-cards/events-list-cards.component.html b/src/app/components/events/events-list/events-list-cards/events-list-cards.component.html
index cf68225..0aba431 100644
--- a/src/app/components/events/events-list/events-list-cards/events-list-cards.component.html
+++ b/src/app/components/events/events-list/events-list-cards/events-list-cards.component.html
@@ -39,7 +39,8 @@
 
 <ng-container *ngFor="let cat of categorizedEvents; let i = index">
     <div class="day-title" [class.first]="i === 0">
-        <h2>{{cat.formattedDate}}</h2>
+        <!--<h2>{{cat.formattedDate}}</h2>-->
+        <h2>{{cat.formattedDateShort}} <span class="weekday">{{ cat.formattedWeekday }}</span></h2>
     </div>
     <ul>
         <li *ngFor="let event of cat.events; let i = index">
diff --git a/src/app/components/events/events-list/events-list-cards/events-list-cards.component.scss b/src/app/components/events/events-list/events-list-cards/events-list-cards.component.scss
index d2452f4..db6ea9f 100644
--- a/src/app/components/events/events-list/events-list-cards/events-list-cards.component.scss
+++ b/src/app/components/events/events-list/events-list-cards/events-list-cards.component.scss
@@ -68,6 +68,11 @@
     h2 {
         font-size: 1rem;
         margin: 1rem;
+
+        .weekday {
+            font-family: 'Cadiz', sans-serif;
+            margin-left: 16px;
+        }
     }
 
     @include media-breakpoint-up(md) {