From 8bc5bfe8a295b7bbd085b0b91480d983c815bde2 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Mon, 31 Oct 2022 01:26:16 +0100
Subject: [PATCH] UX improvements

---
 frontend/src/lib/components/CenteredPage.svelte | 4 ++--
 frontend/src/routes/__layout@root.svelte        | 9 ++-------
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/frontend/src/lib/components/CenteredPage.svelte b/frontend/src/lib/components/CenteredPage.svelte
index 4769fef99e..14ab3a3c2a 100644
--- a/frontend/src/lib/components/CenteredPage.svelte
+++ b/frontend/src/lib/components/CenteredPage.svelte
@@ -1,5 +1,5 @@
-<div class="pb-6">
-	<div class="max-w-6xl mx-auto px-4 sm:px-6 md:px-8">
+<div class="pb-6 h-fit-content">
+	<div class="max-w-6xl mx-auto px-4 sm:px-6 md:px-8 h-fit-content">
 		<slot />
 	</div>
 </div>
diff --git a/frontend/src/routes/__layout@root.svelte b/frontend/src/routes/__layout@root.svelte
index d98d69ddf4..fa5536758a 100644
--- a/frontend/src/routes/__layout@root.svelte
+++ b/frontend/src/routes/__layout@root.svelte
@@ -131,14 +131,9 @@
 				</div>
 			</div>
 		</div>
-		<div
-			class={classNames(
-				'flex flex-col flex-1 transition-all ease-in-out duration-200',
-				isCollapsed ? 'md:pl-12' : 'md:pl-48'
-			)}
-		>
+		<div class={classNames('flex flex-col flex-1', isCollapsed ? 'md:pl-12' : 'md:pl-48')}>
 			<main>
-				<div class="w-full h-screen">
+				<div class="w-full h-screen overflow-auto">
 					<div
 						class="py-2 px-2 sm:px-4 md:px-8 flex justify-between items-center shadow-sm max-w-6xl mx-auto md:hidden"
 					>