From d4ab120bd74a18b49ec940c0e30138d3f1847b9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?N=C3=A4ser?= <sebastien.naser@gmail.com>
Date: Mon, 13 Feb 2023 12:15:59 +0100
Subject: [PATCH] fix: adjust CSS rules for links into footer section

---
 apps/website/components/footer/footer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/website/components/footer/footer.tsx b/apps/website/components/footer/footer.tsx
index 608d02d..cf94fbf 100644
--- a/apps/website/components/footer/footer.tsx
+++ b/apps/website/components/footer/footer.tsx
@@ -6,7 +6,7 @@ export function Footer({items = []}) {
     const value = delve(item, 'attributes', {});
 
     return (
-      <li key={value.title + index} className="my-1">
+      <li key={value.title + index} className="my-1 h-10 flex align-middle items-center md:h-auto">
         <a href={value.url} target={value.target} className="mr-4 hover:underline md:mr-6 ">
           {value.title}
         </a>
@@ -21,7 +21,7 @@ export function Footer({items = []}) {
           <img src="https://flowbite.com/docs/images/logo.svg" className="h-8 mr-3" alt="Flowbite Logo"/>
           <span className="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">MeCP</span>
         </a>
-        <ul className="flex flex-wrap items-center mb-6 text-sm text-gray-500 sm:mb-0 dark:text-gray-400">
+        <ul className="flex flex-wrap items-center justify-end mb-6 text-sm text-gray-500 sm:mb-0 dark:text-gray-400">
           {items.map((item, index: number) => generateItem(item, index))}
         </ul>
       </div>