From 07ce90c3e1a496e918a7b1be75e0202f58037ca0 Mon Sep 17 00:00:00 2001
From: Dorian Zedler <dorian@itsblue.de>
Date: Fri, 29 Jul 2022 14:07:19 +0200
Subject: [PATCH] Fix: full height

---
 src/css/SpeedFlowchartPage.css   | 4 ++++
 src/pages/SpeedFlowchartPage.tsx | 4 ++++
 2 files changed, 8 insertions(+)
 create mode 100644 src/css/SpeedFlowchartPage.css

diff --git a/src/css/SpeedFlowchartPage.css b/src/css/SpeedFlowchartPage.css
new file mode 100644
index 0000000..9ccca58
--- /dev/null
+++ b/src/css/SpeedFlowchartPage.css
@@ -0,0 +1,4 @@
+.speed-flowchart-container {
+  display: none;
+  height: calc(100vh - 64px - 16px - 16px);
+}
diff --git a/src/pages/SpeedFlowchartPage.tsx b/src/pages/SpeedFlowchartPage.tsx
index 7024116..fef482c 100644
--- a/src/pages/SpeedFlowchartPage.tsx
+++ b/src/pages/SpeedFlowchartPage.tsx
@@ -17,6 +17,9 @@ import {
 } from '@mui/material';
 import { theme } from '../utils/Theme';
 import { QRCode } from 'react-qrcode-logo';
+
+import '../css/SpeedFlowchartPage.css';
+
 interface SpeedRoundPairDummy extends SpeedRoundPair {
   dummy: boolean;
 }
@@ -81,6 +84,7 @@ export default function SpeedFlowchartPage() {
         container
         spacing={2}
         direction={{ xs: 'column-reverse', md: 'row' }}
+        className='speed-flowchart-container'
       >
         {flowchartResult?.rounds.map((round, roundKey) => (
           <Grid