From 21e8cab0ed8654f9c40f44ae728b7edcddbf3909 Mon Sep 17 00:00:00 2001
From: Imbus <>
Date: Fri, 8 Mar 2024 05:39:41 +0100
Subject: [PATCH] CLS mitigation in Footer component

---
 client-solid/src/Containers/Footer.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client-solid/src/Containers/Footer.tsx b/client-solid/src/Containers/Footer.tsx
index 9781d28..ca92fff 100644
--- a/client-solid/src/Containers/Footer.tsx
+++ b/client-solid/src/Containers/Footer.tsx
@@ -2,7 +2,8 @@ import { JSXElement } from "solid-js";
 
 export function Footer(): JSXElement {
   return (
-    <footer class="footer footer-center rounded mt-auto bg-base-200 p-10 text-base-content">
+    /* Note that margin-top is defined inline here, instead of tailwinds "mt-auto", this is to mitigate CLS */
+    <footer style="margin-top: auto;" class="footer footer-center rounded 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>