From 915f75247e84a4a7627561a0661d220f3d5551ea Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Fri, 17 Oct 2025 01:16:40 +0200
Subject: [PATCH] less spacing on mobile

---
 website/app/assets/css/main.css | 4 ++--
 website/app/pages/index.vue     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/app/assets/css/main.css b/website/app/assets/css/main.css
index 2f81a51..6f9b3b0 100644
--- a/website/app/assets/css/main.css
+++ b/website/app/assets/css/main.css
@@ -9,8 +9,8 @@
 :root {
     --mangacover-width: 240px;
     --mangacover-height: 350px;
-    --mangacover-width-sm: 180px;
-    --mangacover-height-sm: 260px;
+    --mangacover-width-sm: 150px;
+    --mangacover-height-sm: 220px;
 }
 
 @keyframes shake {
diff --git a/website/app/pages/index.vue b/website/app/pages/index.vue
index 10532de..45e8968 100644
--- a/website/app/pages/index.vue
+++ b/website/app/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
     <LoadingPage :loading="status === 'pending'">
-        <MangaCardList :manga="manga" class="mx-4 mt-2" @click="(m) => navigateTo(`/manga/${m.key}`)" />
+        <MangaCardList :manga="manga" class="min-md:mx-4 max-md:mx-0 mt-2" @click="(m) => navigateTo(`/manga/${m.key}`)" />
     </LoadingPage>
 </template>