From 45d55ac339fb14f48b4476a0ab95f0d4d9fd3ca6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aleksa=20Siri=C5=A1ki?=
 <31509435+aleksasiriski@users.noreply.github.com>
Date: Tue, 31 Oct 2023 18:02:07 +0100
Subject: [PATCH] fix: responsiveness on mobile

---
 src/routes/search/+page.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/routes/search/+page.svelte b/src/routes/search/+page.svelte
index 30fdff63..1aaf011c 100644
--- a/src/routes/search/+page.svelte
+++ b/src/routes/search/+page.svelte
@@ -11,16 +11,17 @@
 	class="custom-bg-headfoot dark:custom-bg-headfoot flex h-36 items-center border border-gray-100 dark:border-0"
 >
 	<div class="mx-4 w-full min-w-fit">
-		<div class="mx-auto flex max-w-screen-md items-center">
+		<div class="md:mx-auto flex max-w-screen-md items-center">
 			<a href="/">
 				<img class="h-auto w-20" src="/img/brzaguza.svg" alt="" />
 			</a>
 			<Searchbox bind:query={data.query} />
-			<div class="w-0 sm:w-20" />
+			<div class="w-0 md:w-20" />
 		</div>
 	</div>
 </header>
-<div class="mx-auto mb-4 max-w-screen-sm">
+
+<div class="sm:mx-auto mb-4 max-w-screen-sm">
 	<div id="result-list" class="mx-2 my-4 max-w-fit overflow-clip">
 		{#each data.results as result (result.URL)}
 			<article id="result-{result.Rank}">