From aa70f3d5090d7c3b1d5dd2f80fef8e22c65de1e9 Mon Sep 17 00:00:00 2001
From: Mihkel Martin Kasterpalu <qpeuitovxg@use.startmail.com>
Date: Fri, 31 Jan 2025 20:20:01 +0200
Subject: [PATCH] Adjust mobile styling

---
 src/routes/+page.svelte       | 2 +-
 src/routes/vinge/+page.svelte | 2 +-
 tailwind.config.ts            | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b46cda9..c365834 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -16,7 +16,7 @@
 	tags: Tag[],
 	link: string
 )}
-	<div class="mb-10 w-80 space-y-3 md:w-60">
+	<div class="mb-10 w-72 space-y-3 md:w-60">
 		<Image {image} {tags} class="aspect-[4/5] object-cover" />
 		<div class="grid grid-cols-[1fr_auto] items-center text-sm">
 			<div class="mt-1 pr-4">
diff --git a/src/routes/vinge/+page.svelte b/src/routes/vinge/+page.svelte
index e073cc9..f56b65f 100644
--- a/src/routes/vinge/+page.svelte
+++ b/src/routes/vinge/+page.svelte
@@ -33,7 +33,7 @@
 >
 	{#each Object.entries(games) as [href, { image, name }]}
 		<a
-			class="shadow-sharp flex aspect-[4/1] min-h-20 max-w-sm items-center justify-center rounded-xl border-2 border-current bg-contain bg-no-repeat transition-all {href ===
+			class="shadow-sharp flex aspect-[4/1] h-16 max-w-sm items-center justify-center rounded-xl border-2 border-current bg-contain bg-no-repeat transition-all md:h-20 {href ===
 			''
 				? 'pressed pointer-events-none'
 				: ''}"
diff --git a/tailwind.config.ts b/tailwind.config.ts
index bd19454..7a94834 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -9,7 +9,7 @@ const config: Config = {
 	theme: {
 		container: {
 			center: true,
-			padding: '2rem',
+			padding: '1rem',
 			screens: {
 				'2xl': '1400px'
 			}