From ac05baf1a8d798c0e18c941277ad58c8a76c563a Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 10 Oct 2019 13:48:03 +0200
Subject: [PATCH] Fix padding on organizer / city section on event card

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/components/Event/EventCard.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/js/src/components/Event/EventCard.vue b/js/src/components/Event/EventCard.vue
index 653f593ee..018d717f3 100644
--- a/js/src/components/Event/EventCard.vue
+++ b/js/src/components/Event/EventCard.vue
@@ -46,8 +46,9 @@ 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 }}
+          {{ event.physicalAddress.locality || event.physicalAddress.description }}
         </span>
       </span>
     </div>
@@ -201,6 +202,11 @@ export default class EventCard extends Vue {
       }
       span.organizer-place-wrapper {
         display: flex;
+        padding: 0 0.5rem 0.3rem;
+
+        span {
+          padding-right: 0.25rem;
+        }
 
         span:last-child {
           flex: 1;