From 92e4b298e39cbf5759f9cfbdf0f3bba8cb6019d9 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Mon, 14 Oct 2019 13:03:48 +0200
Subject: [PATCH] Fixes for event card

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/components/Event/DateCalendarIcon.vue |  2 +-
 js/src/components/Event/EventCard.vue        | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/js/src/components/Event/DateCalendarIcon.vue b/js/src/components/Event/DateCalendarIcon.vue
index 71b7c4006..ea2f3644f 100644
--- a/js/src/components/Event/DateCalendarIcon.vue
+++ b/js/src/components/Event/DateCalendarIcon.vue
@@ -50,7 +50,7 @@ export default class DateCalendarIcon extends Vue {
     flex-direction: column;
     justify-content: center;
     /*height: 50px;*/
-    width: 48px;
+    width: 50px;
     padding: 8px;
     text-align: center;
 
diff --git a/js/src/components/Event/EventCard.vue b/js/src/components/Event/EventCard.vue
index a79314186..8ad8357fe 100644
--- a/js/src/components/Event/EventCard.vue
+++ b/js/src/components/Event/EventCard.vue
@@ -44,7 +44,6 @@ A simple card for an event
       </div>
       <span class="organizer-place-wrapper">
         <span v-if="actorDisplayName && actorDisplayName !== '@'">{{ $t('By {name}', { name: actorDisplayName }) }}</span>
-        <span v-if="actorDisplayName && actorDisplayName !== '@'">-</span>
         <span v-if="event.physicalAddress && (event.physicalAddress.locality || event.physicalAddress.description)">
           {{ event.physicalAddress.locality || event.physicalAddress.description }}
         </span>
@@ -191,9 +190,9 @@ export default class EventCard extends Vue {
           -webkit-box-orient: vertical;  
           overflow: hidden;
           font-weight: 400;
-          font-size: 1.6em;
+          font-size: 1.4em;
           margin-top: auto;
-          min-height: 3.5rem;
+          min-height: 3.4rem;
         }
       }
       span.organizer-place-wrapper {
@@ -204,6 +203,11 @@ export default class EventCard extends Vue {
           padding-right: 0.25rem;
         }
 
+        span:not(:last-child):after {
+          content: '-';
+          padding-left: 0.25rem;
+        }
+
         span:last-child {
           flex: 1;
           white-space: nowrap;