From e12342c1243ac42b36764449d755d16419b641dc Mon Sep 17 00:00:00 2001
From: Mike Zeng <mzen17.jp@gmail.com>
Date: Tue, 15 Aug 2023 07:44:35 -0500
Subject: [PATCH] Fix incorrectly space "Create a new chat" button on smaller
 screens. (#627)

Co-authored-by: Juan Calderon-Perez <835733+gaby@users.noreply.github.com>
---
 web/src/routes/+page.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
index 61cd700..613403c 100644
--- a/web/src/routes/+page.svelte
+++ b/web/src/routes/+page.svelte
@@ -56,16 +56,16 @@
 
 <form on:submit|preventDefault={onCreateChat} id="form-create-chat" class="p-5">
   <div class="w-full pb-20">
-    <div class="mx-auto w-fit pt-5">
+    <div class="mx-auto w-fit pt-5 flex flex-col lg:flex-row justify-center">
       <button
         type="submit"
-        class="btn-primary btn mx-5"
+        class="btn-primary btn mb-2 lg:mr-10 lg:mb-0"
         disabled={!modelAvailable}>Start a new chat</button
       >
       <button
         on:click={() => goto("/models")}
         type="button"
-        class="btn-outline btn mx-5">Download Models</button
+        class="btn-outline btn">Download Models</button
       >
     </div>
   </div>