From 79dd3dc74e2fe0f38069052654e3a03d1115a5a2 Mon Sep 17 00:00:00 2001
From: thewh1teagle <61390950+thewh1teagle@users.noreply.github.com>
Date: Wed, 18 Dec 2024 21:58:49 +0200
Subject: [PATCH] improve landing design

---
 landing/src/components/Footer.svelte     | 9 ++++-----
 landing/src/components/KofiDialog.svelte | 2 +-
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/landing/src/components/Footer.svelte b/landing/src/components/Footer.svelte
index 51baa78..18640c3 100644
--- a/landing/src/components/Footer.svelte
+++ b/landing/src/components/Footer.svelte
@@ -13,12 +13,8 @@
 	<PrivacyPolicy />
 	<KofiDialog />
 
-	<nav class="grid grid-flow-col gap-4">
+	<nav class="flex flex-row flex-wrap gap-4 justify-center">
 		<a class="link link-hover" href={base}>{t('home')}</a>
-
-		<a class="link link-hover" href={`${base}/features`}>{t('features')}</a>
-		<a href="/vibe/docs">{t('documentation')}</a>
-
 		<button
 			on:click={() => {
 				// @ts-ignore
@@ -31,6 +27,9 @@
 				window['privacy-policy-modal']?.showModal()
 			}}
 			class="link link-hover">{t('privacy-policy')}</button>
+		<a class="link link-hover" href={`${base}/features`}>{t('features')}</a>
+
+		<a href="/vibe/docs">{t('documentation')}</a>
 	</nav>
 	<nav>
 		<div class="grid grid-flow-col gap-4">
diff --git a/landing/src/components/KofiDialog.svelte b/landing/src/components/KofiDialog.svelte
index a0b0434..7d1c128 100644
--- a/landing/src/components/KofiDialog.svelte
+++ b/landing/src/components/KofiDialog.svelte
@@ -1,5 +1,5 @@
 <dialog id="kofi-dialog" class="modal border-white">
-	<div class="modal-box !bg-white !border-white">
+	<div class="modal-box !bg-white !border-white w-[75vw] h-[75vh] lg:h-full lg:w-full">
 		<iframe
 			id="kofiframe"
 			src="https://ko-fi.com/thewh1teagle/?hidefeed=true&widget=true&embed=true&preview=true"