From ff82cba57543341fabe8c711a4173bcbc1335cc5 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Wed, 24 Apr 2019 14:21:22 +0200
Subject: [PATCH] Only show related events section if there's some

Always use 1/3 column layout for related events columns

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Event/Event.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/src/views/Event/Event.vue b/js/src/views/Event/Event.vue
index 1c783d4e5..b0a8eb697 100644
--- a/js/src/views/Event/Event.vue
+++ b/js/src/views/Event/Event.vue
@@ -216,10 +216,10 @@
           </div>
         </div>
       </section>
-      <section class="more-events container">
+      <section class="more-events container" v-if="event.relatedEvents.length > 0">
         <h3 class="title has-text-centered"><translate>These events may interest you</translate></h3>
         <div class="columns">
-          <div class="column" v-for="relatedEvent in event.relatedEvents" :key="relatedEvent.uuid">
+          <div class="column is-one-third-desktop" v-for="relatedEvent in event.relatedEvents" :key="relatedEvent.uuid">
             <EventCard :event="relatedEvent" />
           </div>
         </div>