ui/src/components/calendar/EventDate.vue

@@ -1,19 +1,10 @@
 <template>
-  <div class="d-flex justify-center mr-1 mr-md-2">
-    <div class="d-flex flex-column align-end">
-      <div class="d-flex align-end">
+  <div class="d-flex align-end justify-center mr-1 mr-md-2">
     <span class="d-flex text-h4 text-md-h3">{{ day }}</span>
     <span class="d-flex text-h5 text-md-h4 blue-grey--text text--darken-1">
       {{ month }}
     </span>
   </div>
-      <span
-        class="d-flex text-h6 text-md-h5 blue-grey--text text--lighten-1 mt-n1"
-      >
-        {{ time }}
-      </span>
-    </div>
-  </div>
 </template>
 
 <script lang="ts">
@@ -32,17 +23,13 @@ export default class EventDate extends Vue {
   private get month(): string {
     return this.date.toFormat("MM.");
   }
-
-  private get time(): string {
-    return this.date.toLocaleString(DateTime.TIME_24_SIMPLE);
-  }
 }
 </script>
 
 <style lang="scss" scoped>
 @import "~vuetify/src/styles/settings/_variables";
 
-div.justify-center {
+div {
   min-width: 95px;
 
   @media #{map-get($display-breakpoints, "md-and-up")} {

ui/src/components/calendar/EventItem.vue

@@ -13,8 +13,6 @@
       </v-list-item-subtitle>
       <v-list-item-subtitle
         class="
-          d-inline-block
-          text-truncate
           thw-heading-font
           blue-grey--text
           text--darken-1