From 437130dcd2cef6aa9fd36d01a4ecfd8e4e918c7e Mon Sep 17 00:00:00 2001
From: Maxime Cannoodt <Maxime.Cannoodt@UGent.be>
Date: Mon, 11 Jul 2022 00:32:31 +0200
Subject: [PATCH] edit padding

---
 webapp/src/lib/components/Footer.svelte            | 2 +-
 webapp/src/lib/components/navbar/NavBar.svelte     | 5 ++---
 webapp/src/lib/components/navbar/NavBarLink.svelte | 3 ++-
 webapp/src/routes/about.svelte                     | 2 +-
 webapp/src/routes/contact.svelte                   | 2 +-
 webapp/src/routes/install.svelte                   | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/webapp/src/lib/components/Footer.svelte b/webapp/src/lib/components/Footer.svelte
index be11851..79c571e 100644
--- a/webapp/src/lib/components/Footer.svelte
+++ b/webapp/src/lib/components/Footer.svelte
@@ -1,7 +1,7 @@
 <hr class="border-zinc-200 dark:border-zinc-700 transition-colors" />
 
 <footer
-	class="p-8 text-center flex flex-wrap justify-center items-center gap-x-2 text-zinc-500 dark:text-zinc-500"
+	class="px-3 py-6 md:p-8 text-center flex flex-wrap justify-center items-center gap-x-2 text-zinc-500 dark:text-zinc-500"
 >
 	<span>
 		Built with love by <a class="underline" href="https://mcndt.dev" alt="blog">mcndt</a>
diff --git a/webapp/src/lib/components/navbar/NavBar.svelte b/webapp/src/lib/components/navbar/NavBar.svelte
index 278bf77..7c60ea1 100644
--- a/webapp/src/lib/components/navbar/NavBar.svelte
+++ b/webapp/src/lib/components/navbar/NavBar.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
-
-	import FaBars from 'svelte-icons/fa/FaBars.svelte';
 	import { slide } from 'svelte/transition';
+	import FaBars from 'svelte-icons/fa/FaBars.svelte';
 
 	export let showMobileMenu = false;
 
@@ -59,7 +58,7 @@
 		rounded-lg"
 	>
 		<div
-			class="bg-zinc-200 dark:bg-zinc-700 relative mt-2 mx-2 px-4 py-2 rounded-[20px] shadow-sm sm:shadow-lg"
+			class="bg-zinc-200 dark:bg-zinc-700 relative mt-2 mx-2 px-4 py-2 rounded-[20px] shadow-md sm:shadow-lg"
 		>
 			<div
 				on:click={() => (showMobileMenu = !showMobileMenu)}
diff --git a/webapp/src/lib/components/navbar/NavBarLink.svelte b/webapp/src/lib/components/navbar/NavBarLink.svelte
index 1c6e99b..e15f1c6 100644
--- a/webapp/src/lib/components/navbar/NavBarLink.svelte
+++ b/webapp/src/lib/components/navbar/NavBarLink.svelte
@@ -4,7 +4,8 @@
 
 <a
 	{href}
-	class="text-center py-4 px-2 md:py-0 md:px-0 self-center w-full h-full text-zinc-600 dark:text-zinc-200 md:dark:text-zinc-300 border-b md:border-b-0 border-zinc-300 dark:border-zinc-500"
+	class="text-center py-3 px-2 md:py-0 md:px-0 self-center w-full h-full text-zinc-600 
+	dark:text-zinc-200 md:dark:text-zinc-300 border-b md:border-b-0 border-zinc-300 dark:border-zinc-500"
 >
 	<div class="h-full flex flex-col justify-center">
 		<slot />
diff --git a/webapp/src/routes/about.svelte b/webapp/src/routes/about.svelte
index 4c51d01..752de09 100644
--- a/webapp/src/routes/about.svelte
+++ b/webapp/src/routes/about.svelte
@@ -2,7 +2,7 @@
 	<title>About | {import.meta.env.VITE_BRANDING}</title>
 </svelte:head>
 
-<div class="p-8 prose max-w-3xl dark:prose-invert">
+<div class="md:py-8 prose max-w-3xl dark:prose-invert">
 	<h1>About</h1>
 
 	<p>
diff --git a/webapp/src/routes/contact.svelte b/webapp/src/routes/contact.svelte
index 2d236f7..9e9ea97 100644
--- a/webapp/src/routes/contact.svelte
+++ b/webapp/src/routes/contact.svelte
@@ -2,7 +2,7 @@
 	<title>Contact | {import.meta.env.VITE_BRANDING}</title>
 </svelte:head>
 
-<div class="p-8 prose max-w-3xl dark:prose-invert">
+<div class="md:py-8 prose max-w-3xl dark:prose-invert">
 	<h1>Contact</h1>
 
 	Hi! I'm
diff --git a/webapp/src/routes/install.svelte b/webapp/src/routes/install.svelte
index 3a8576b..c4f1555 100644
--- a/webapp/src/routes/install.svelte
+++ b/webapp/src/routes/install.svelte
@@ -2,7 +2,7 @@
 	<title>Get the plugin | {import.meta.env.VITE_BRANDING}</title>
 </svelte:head>
 
-<div class="p-8 prose max-w-3xl dark:prose-invert">
+<div class="md:py-8 prose max-w-3xl dark:prose-invert">
 	<h1>Installing the plugin</h1>
 
 	<p>Coming soon</p>