From e40166e541f4faeec2316aef26e59409cc99c85d Mon Sep 17 00:00:00 2001
From: Arne Keller <arne.keller@student.kit.edu>
Date: Mon, 8 Mar 2021 12:21:35 +0100
Subject: [PATCH] Fix start page overflow behaviour

---
 frontend/styles/global.css          |  4 ++++
 frontend/styles/view/start-page.css | 14 +++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/styles/global.css b/frontend/styles/global.css
index 934d593..a7a69e9 100644
--- a/frontend/styles/global.css
+++ b/frontend/styles/global.css
@@ -1,3 +1,7 @@
+body {
+	--paper-slide-height: 500px;
+}
+
 vaadin-button {
 	min-width: 0;
 }
diff --git a/frontend/styles/view/start-page.css b/frontend/styles/view/start-page.css
index 040ee0c..bcb31bd 100644
--- a/frontend/styles/view/start-page.css
+++ b/frontend/styles/view/start-page.css
@@ -22,6 +22,7 @@
 #slideProgress {
 	width: 55em;
 	max-width: 100%;
+	min-height: 1px;
 	margin-top: 30px;
 	margin-bottom: 0;
 }
@@ -29,20 +30,27 @@
 #startPage {
 	padding: 0;
 	display: flex;
-	justify-content: center;
+	justify-content: space-between;
 	align-items: center;
 	width: 100%;
 	height: 100%;
 }
 
 #slideShow {
-	height: 500px;
+	height: var(--paper-slide-height);
 	width: 100%;
 }
 
+#startPage::before {
+	position: absolute;
+}
+
 #startPage #content {
 	width: 100%;
-	height: 100%;
+	overflow-y: auto;
+	margin-top: 0;
+	padding: 1em 0 0;
+	justify-content: start;
 	align-items: center;
 }