From f417b1e03561c78fbafb16c30e414c93f08eff01 Mon Sep 17 00:00:00 2001
From: jona <jona@systemli.org>
Date: Wed, 22 Mar 2023 21:01:23 +0100
Subject: [PATCH] Revert "new layout for calendar icon, show weekday"

This reverts commit d17eb04a4195a96644de6eac7dc8a1f4a4e15f52.
---
 js/src/components/Event/DateCalendarIcon.vue | 20 ++++----------------
 1 file changed, 4 insertions(+), 16 deletions(-)

diff --git a/js/src/components/Event/DateCalendarIcon.vue b/js/src/components/Event/DateCalendarIcon.vue
index fd1e8103b..59a55e3fc 100644
--- a/js/src/components/Event/DateCalendarIcon.vue
+++ b/js/src/components/Event/DateCalendarIcon.vue
@@ -19,7 +19,6 @@
   >
     <div class="datetime-container-header" />
     <div class="datetime-container-content">
-      <time :datetime="dateObj.toISOString()" class="wkday">{{ wkday }}</time>
       <time :datetime="dateObj.toISOString()" class="day">{{ day }}</time>
       <time :datetime="dateObj.toISOString()" class="month">{{ month }}</time>
     </div>
@@ -40,10 +39,6 @@ export default class DateCalendarIcon extends Vue {
     return new Date(this.$props.date);
   }
 
-  get wkday(): string {
-    return this.dateObj.toLocaleString(undefined, { weekday: "short" });
-  }
-
   get month(): string {
     return this.dateObj.toLocaleString(undefined, { month: "short" });
   }
@@ -67,17 +62,17 @@ div.datetime-container {
   overflow-y: hidden;
   overflow-x: hidden;
   align-items: stretch;
-  width: calc(55px * var(--small));
+  width: calc(40px * var(--small));
   box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
-  height: calc(55px * var(--small));
+  height: calc(40px * var(--small));
   background: #fff;
 
   .datetime-container-header {
-    height: calc(12px * var(--small));
+    height: calc(10px * var(--small));
     background: #f3425f;
   }
   .datetime-container-content {
-    height: calc(43px * var(--small));
+    height: calc(30px * var(--small));
   }
 
   time {
@@ -85,13 +80,6 @@ div.datetime-container {
     font-weight: 600;
     color: $violet-3;
 
-    &.wkday {
-      padding: 2px 0;
-      font-size: 12px;
-      line-height: 12px;
-      text-transform: uppercase;
-    }
-
     &.month {
       padding: 2px 0;
       font-size: 12px;