From 5bea92e277676d6f32b39e6b1d9b297f5869c0d4 Mon Sep 17 00:00:00 2001
From: Lars Kiesow <lkiesow@uos.de>
Date: Tue, 8 Oct 2024 23:29:38 +0200
Subject: [PATCH] Properly center and space end screen

This patch fixes the issue that the text and the check mark icon of the
end screen is pushed to the top of the end space with basically no
spacing. This is caused by an incorrect CSS calculation.
---
 src/main/TheEnd.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/TheEnd.tsx b/src/main/TheEnd.tsx
index a8ab3e204..578b5973d 100644
--- a/src/main/TheEnd.tsx
+++ b/src/main/TheEnd.tsx
@@ -34,7 +34,7 @@ const TheEnd: React.FC = () => {
 
   const theEndStyle = css({
     width: "100%",
-    height: "calc(100% - 64px)",
+    height: "calc(100vh - 64px)",
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",