mobile layout improvement

components/Event.vue

@@ -10,9 +10,9 @@
       .d-none.dt-end {{event.end_datetime|unixFormat('YYYY-MM-DD HH:mm')}}
       a.place.d-block.p-location.pl-0(text color='primary' @click="$emit('placeclick', event.place.id)") <v-icon>mdi-map-marker</v-icon> {{event.place.name}}
 
-    v-card-actions.actions.justify-space-between
+    v-card-actions.pt-0.actions.justify-space-between
       .tags
-        v-chip.ml-1.px-2(v-for='tag in event.tags' small
+        v-chip.ml-1.mt-1(v-for='tag in event.tags.slice(0,6)' small
           :key='tag' outlined color='primary' @click="$emit('tagclick', tag)") {{tag}}
 
       v-menu(offset-y)

components/Footer.vue

@@ -12,9 +12,10 @@
       offset-y bottom open-on-hover transition="slide-y-transition")
       template(v-slot:activator="{ on, attrs }")
         v-btn.ml-1(v-bind='attrs' v-on='on' color='primary' text) {{$t('common.places')}}
-      v-list
+      v-list(subheaders two-lines)
         v-list-item(v-for='instance in settings.trusted_instances'
           :key='instance.name'
+          target='_blank'
           :href='instance.url'
           two-line)
           v-list-item-avatar

components/Search.vue

@@ -6,7 +6,7 @@
       inset color='primary'
       hide-details
       :label="$t('event.show_recurrent')")
-    v-autocomplete.mt-0(
+    v-autocomplete.mt-0.pt-0(
       :label='$t("common.search")'
       :items='keywords'
       hide-details