From 65e324979ce5cef074c74e421c2d818c4fb706c3 Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <stefan@imhoff.name>
Date: Mon, 3 Jul 2023 10:25:24 +0200
Subject: [PATCH] fix: search layout for small screens

---
 src/components/SearchModal.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SearchModal.astro b/src/components/SearchModal.astro
index e003988..6c797c8 100644
--- a/src/components/SearchModal.astro
+++ b/src/components/SearchModal.astro
@@ -8,7 +8,7 @@ import { Link } from '.';
 
 <dialog>
 	<header
-		class="flex h-[clamp(3rem,_5.55vw,_9rem)] w-full items-center justify-end pie-gap pis-gap block-start-0"
+		class="flex h-[clamp(3rem,_5.55vw,_9rem)] w-full items-center justify-end block-start-0 md:pie-gap md:pis-gap"
 	>
 		<Link
 			id="close-search"
@@ -91,7 +91,7 @@ import { Link } from '.';
 	}
 
 	.pagefind-ui {
-		@apply px-gap !font-sans !font-normal !leading-relaxed pbe-gap common-ligatures;
+		@apply !font-sans !font-normal !leading-relaxed pbe-gap common-ligatures md:px-gap;
 	}
 
 	.pagefind-ui__form::before {
@@ -104,7 +104,7 @@ import { Link } from '.';
 	}
 
 	.pagefind-ui__search-input {
-		@apply !h-[clamp(3.3rem,_7.3vw,_8.5rem)] !border-0 !border-solid !border-black/[0.1] !bg-transparent !text-7 !font-black !leading-tight !pis-0 !border-be-2 !border-bs-0 !border-ie-0 !border-is-0 dark:!border-white/[0.1] dark:!font-extrabold;
+		@apply !h-[clamp(3.3rem,_7.3vw,_8.5rem)] !rounded-none !border-0 !border-solid !border-black/[0.1] !bg-transparent !text-6 !font-black !leading-normal !pis-0 !border-be-2 !border-bs-0 !border-ie-0 !border-is-0 dark:!border-white/[0.1] dark:!font-extrabold md:!text-7;
 	}
 
 	.pagefind-ui__search-input::placeholder {