From ae890bd01dbc28aa1c465116edb80cbf24ccc047 Mon Sep 17 00:00:00 2001
From: patrick <patrickjaroszewski@protonmail.com>
Date: Sun, 29 Mar 2026 07:54:01 -0400
Subject: [PATCH] fix contact form layout on mobile screens

---
 src/components/svelte/ContactForm.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/svelte/ContactForm.svelte b/src/components/svelte/ContactForm.svelte
index f1acd3a..d40e73c 100644
--- a/src/components/svelte/ContactForm.svelte
+++ b/src/components/svelte/ContactForm.svelte
@@ -178,14 +178,14 @@
     </div>
   {/if}
 
-  <div class="flex items-start justify-between gap-4 min-h-[65px]">
+  <div class="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 min-h-[65px]">
     <!-- Turnstile Widget (300x65 for normal size) -->
     <div bind:this={turnstileContainer} class="min-w-[300px]"></div>
 
     <button
       type="submit"
       disabled={formState === 'submitting'}
-      class="inline-flex items-center justify-center gap-2 rounded-md bg-primary px-6 py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200"
+      class="w-full sm:w-auto inline-flex items-center justify-center gap-2 rounded-md bg-primary px-6 py-2.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200"
     >
       {#if formState === 'submitting'}
         <span class="inline-block size-4 animate-spin rounded-full border-2 border-current border-t-transparent"></span>