From 49a9d270207d170b0f8bdb653604570d44897dd6 Mon Sep 17 00:00:00 2001
From: summersamara <summersamara@proton.me>
Date: Tue, 3 Oct 2023 16:35:26 +0200
Subject: [PATCH] Fix issue#3: Display Events cards in full-width on mobile

---
 js/src/components/Event/EventCard.vue   | 2 +-
 js/src/components/Local/MoreContent.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/src/components/Event/EventCard.vue b/js/src/components/Event/EventCard.vue
index 103ba9dc7..28fb9980f 100644
--- a/js/src/components/Event/EventCard.vue
+++ b/js/src/components/Event/EventCard.vue
@@ -3,7 +3,7 @@
     class="mbz-card snap-center dark:bg-mbz-purple"
     :class="{
       'sm:flex sm:items-start': mode === 'row',
-      'sm:max-w-xs w-[18rem] shrink-0 flex flex-col': mode === 'column',
+      'w-auto sm:w-[18rem] shrink-0 flex flex-col': mode === 'column',
     }"
     :to="to"
     :isInternal="isInternal"
diff --git a/js/src/components/Local/MoreContent.vue b/js/src/components/Local/MoreContent.vue
index 4c62df1a9..3360e1eb5 100644
--- a/js/src/components/Local/MoreContent.vue
+++ b/js/src/components/Local/MoreContent.vue
@@ -1,7 +1,7 @@
 <template>
   <router-link
     :to="to"
-    class="mbz-card flex flex-col items-center dark:border-gray-700 shadow-md md:flex-col snap-center shrink-0 first:pl-8 w-[18rem] dark:bg-mbz-purple"
+    class="mbz-card flex flex-col items-center dark:border-gray-700 shadow-md md:flex-col snap-center shrink-0 first:pl-8 w-auto sm:w-[18rem] dark:bg-mbz-purple"
   >
     <div class="relative w-full group">
       <img