From f10234b72f35a82f73bd29363a0370b90b6e38f9 Mon Sep 17 00:00:00 2001
From: Imbus <imbus64@protonmail.com>
Date: Fri, 24 Nov 2023 02:37:50 +0100
Subject: [PATCH] Stick footer to bottom with mt-auto

---
 client-solid/src/Containers/Footer.tsx        | 2 +-
 client-solid/src/Containers/PageContainer.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client-solid/src/Containers/Footer.tsx b/client-solid/src/Containers/Footer.tsx
index b7bde11..7f0ceb2 100644
--- a/client-solid/src/Containers/Footer.tsx
+++ b/client-solid/src/Containers/Footer.tsx
@@ -2,7 +2,7 @@ import { JSXElement } from "solid-js";
 
 export function Footer(): JSXElement {
   return (
-    <footer class="footer footer-center rounded bg-base-200 p-10 text-base-content">
+    <footer class="footer footer-center rounded mt-auto bg-base-200 p-10 text-base-content">
       <nav class="grid grid-flow-col gap-4">
         <a class="link-hover link">About us</a>
         <a class="link-hover link">Contact</a>
diff --git a/client-solid/src/Containers/PageContainer.tsx b/client-solid/src/Containers/PageContainer.tsx
index 314b1be..c6356da 100644
--- a/client-solid/src/Containers/PageContainer.tsx
+++ b/client-solid/src/Containers/PageContainer.tsx
@@ -3,7 +3,7 @@ import { JSXElement } from "solid-js";
 // MainContainer is the main container for the page.
 export function PageContainer(props: { children: JSXElement }): JSXElement {
   return (
-    <div class="flex min-h-screen flex-col items-center justify-between">
+    <div class="flex min-h-screen flex-col items-center">
       {props.children}
     </div>
   );