From 16caff8a73fe3b1700a7e532c031f02f8104591e Mon Sep 17 00:00:00 2001
From: les <lesion@autistici.org>
Date: Thu, 20 May 2021 10:48:20 +0200
Subject: [PATCH] mobile layout improvement

---
 components/Event.vue  | 4 ++--
 components/Footer.vue | 3 ++-
 components/Search.vue | 2 +-
 pages/event/_id.vue   | 2 ++
 pages/index.vue       | 6 +++---
 5 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/components/Event.vue b/components/Event.vue
index ab8181d7..f4dc7230 100644
--- a/components/Event.vue
+++ b/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)
diff --git a/components/Footer.vue b/components/Footer.vue
index 06e3e50a..a46299e8 100644
--- a/components/Footer.vue
+++ b/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
diff --git a/components/Search.vue b/components/Search.vue
index be596977..635592de 100644
--- a/components/Search.vue
+++ b/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
diff --git a/pages/event/_id.vue b/pages/event/_id.vue
index 73a3c2a1..c6e9bece 100644
--- a/pages/event/_id.vue
+++ b/pages/event/_id.vue
@@ -307,6 +307,8 @@ export default {
 <style lang='less'>
 .title {
   margin-bottom: 25px;
+  color: yellow;
+  font-weight: 300 !important;
 }
 .main_image {
   // width: 100%;
diff --git a/pages/index.vue b/pages/index.vue
index 07b669d9..4b1ebc67 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -6,8 +6,8 @@
       Announcement(v-for='announcement in announcements' :key='`a_${announcement.id}`' :announcement='announcement')
 
     //- Calendar and search bar
-    v-row
-      .col-xl-5.col-lg-5.col-md-7.col-sm-12.col-xs-12
+    v-row.pt-0.pt-sm-2
+      .col-xl-5.col-lg-5.col-md-7.col-sm-12.col-xs-12.pa-4.pa-sm-3
         //- this is needed as v-calendar does not support SSR
         //- https://github.com/nathanreyes/v-calendar/issues/336
         client-only
@@ -18,7 +18,7 @@
         v-chip(v-if='selectedDay' close @click:close='dayChange({ date: selectedDay})') {{selectedDay}}
 
     //- Events
-    #events.mt-1
+    #events.mb-2.mt-1.pl-1.pl-md-0
       //- div.event(v-for='(event, idx) in events' :key='event.id' v-intersect="(entries, observer, isIntersecting) => intersecting[event.id] = isIntersecting")
       Event(:event='event' v-for='(event, idx) in visibleEvents' :key='event.id' @tagclick='tagClick' @placeclick='placeClick')