Fix full height layout on tall screens

src/pages/index.jsx

@@ -252,7 +252,7 @@ function Home({ initialSettings }) {
         />
         <meta name="theme-color" content={themes[initialSettings.color || "slate"][initialSettings.theme || "dark"]} />
       </Head>
-      <div className="relative container m-auto flex flex-col justify-between z-10 h-full">
+      <div className="relative container m-auto flex flex-col justify-start z-10 h-full">
         <div
           className={classNames(
             "flex flex-row flex-wrap  justify-between",
@@ -302,16 +302,18 @@ function Home({ initialSettings }) {
           </div>
         )}
 
-        <div className="flex p-8 pb-0 w-full justify-end">
+        <div className="flex flex-col mt-auto p-8 w-full">
+          <div className="flex w-full justify-end">
             {!initialSettings?.color && <ColorToggle />}
             <Revalidate />
             {!initialSettings?.theme && <ThemeToggle />}
           </div>
 
-        <div className="flex p-8 pt-4 w-full justify-end">
+          <div className="flex mt-4 w-full justify-end">
             {!initialSettings?.hideVersion && <Version />}
           </div>
         </div>
+      </div>
     </>
   );
 }