refactoring online events

pages/place/_place.vue

@@ -3,10 +3,10 @@
     <h1 class='d-block text-h4 font-weight-black text-center text-uppercase mt-10 mx-auto w-100 text-underline'>
       <u>{{ place.name }}</u>
     </h1>
-    <span class="d-block text-subtitle text-center w-100 mb-14">{{ place.address }}</span>
+    <span v-if='place.name!=="online"' class="d-block text-subtitle text-center w-100">{{ place.address }}</span>
 
     <!-- Events -->
-    <div id="events">
+    <div id="events" class='mt-14'>
       <v-lazy class='event v-card' :value='idx<9' v-for='(event, idx) in events' :key='event.id' :min-height='hide_thumbs ? 105 : undefined' :options="{ threshold: .5, rootMargin: '500px' }" :class="{ 'theme--dark': is_dark }">
         <Event :event='event' :lazy='idx > 9' />
       </v-lazy>