From f8a49637331b0c9bb1c59837189b8263e3620537 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?=
 <40151420+ldericher@users.noreply.github.com>
Date: Thu, 15 Sep 2022 01:24:00 +0000
Subject: [PATCH] Better CSS application

---
 ui/src/components/calendar/EventDate.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/calendar/EventDate.vue b/ui/src/components/calendar/EventDate.vue
index 46d660c..6fcd588 100644
--- a/ui/src/components/calendar/EventDate.vue
+++ b/ui/src/components/calendar/EventDate.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="d-flex justify-center mr-1 mr-md-2">
+  <div class="event-date d-flex justify-center mr-1 mr-md-2">
     <div class="d-flex flex-column align-end">
       <div class="d-flex align-end">
         <span class="d-flex text-h4 text-md-h3">{{ day }}</span>
@@ -42,7 +42,7 @@ export default class EventDate extends Vue {
 <style lang="scss" scoped>
 @import "~vuetify/src/styles/settings/_variables";
 
-div.justify-center {
+.event-date {
   min-width: 95px;
 
   @media #{map-get($display-breakpoints, "md-and-up")} {