Fixed buttons on mobile

webui/apps/docs/src/components/widgets/MainTitle.astro

@@ -62,18 +62,18 @@ const githubText = `<div style="height: 16px; width: 16px">${githubIcon}</div>&n
       -->
       <div class="relative mx-auto max-w-none">
         <div class="flex flex-row flex-nowrap justify-evenly items-center ">
-          <div class="w-full basis-1/4"/>
-          <div class="relative flex flex-nowrap flex-row justify-center items-center gap-4 m-0 w-full pt-8 pb-8 basis-1/2">
+          <div class="w-full hidden md:visible md:basis-1/4"/>
+          <div class="relative flex flex-nowrap flex-row justify-center items-center gap-4 m-0 w-full pt-8 pb-8 md:basis-1/2">
             <div class="h-full mx-auto w-full flex justify-evenly flex-row items-center align-middle">
-              <div class="grid-line-horizontal" data-fade=none data-side=left></div>
-              <div class="grid-line-horizontal" data-fade=none data-side=right></div>
+              <div class="grid-line-horizontal hidden md:block" data-fade=none data-side=left></div>
+              <div class="grid-line-horizontal hidden md:block" data-fade=none data-side=right></div>
               <div class="flex gap-5">
                 <Button variant="primary" href="/docs/quickstart">Get Started</Button>
                 <Button variant="secondary" href="https://github.com/eidolon-ai/eidolon">Star Us</Button>
               </div>
             </div>
           </div>
-          <div class="w-full basis-1/4"/>
+          <div class="w-full hidden md:visible md:basis-1/4"/>
         </div>
       </div>
       <div class="grid-line-horizontal" data-fade=both data-side=right data-offset></div>