From 15073ccbc7fda1d65d9ae473860b7b387b62a00e Mon Sep 17 00:00:00 2001
From: Realmy <163438634+RealmyTheMan@users.noreply.github.com>
Date: Tue, 12 Nov 2024 18:06:13 +0100
Subject: [PATCH] Bullet items mobile optimization

---
 src/routes/+page.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 2d88b5b..d8325e3 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -85,7 +85,10 @@
 </svelte:head>
 
 {#snippet sellingPoint(text: string)}
-	<li class="flex items-center gap-4">
+	<li
+		class="grid items-center gap-4"
+		style="grid-template-columns: 2rem auto"
+	>
 		<div
 			class="h-8 w-8 bg-accent-background text-accent-foreground rounded-full flex items-center justify-center"
 		>
@@ -99,8 +102,8 @@
 	<Uploader bind:files={ourFiles} onupload={runUpload} />
 </div>
 
-<div class="text-center mt-20">
-	<h1 class="text-3xl font-display">
+<div class="mt-20">
+	<h1 class="text-3xl text-center font-display">
 		Free, fast, and awesome file converting
 	</h1>
 	<div class="flex justify-center mt-10">