From eb49cfdd682446f0692203c28c4f350d4351f5e7 Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel.kluge@mailbox.tu-dresden.de>
Date: Sun, 26 Dec 2021 13:59:22 +0100
Subject: [PATCH] Add spacer for better top-down

---
 components/REPL/index.tsx        | 5 +++++
 styles/REPL/REPLInput.module.css | 1 -
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/REPL/index.tsx b/components/REPL/index.tsx
index 5dc955b..ac53d33 100644
--- a/components/REPL/index.tsx
+++ b/components/REPL/index.tsx
@@ -7,9 +7,14 @@ const REPL = () => {
     const inputRef = useRef<HTMLInputElement>();
     const onCommandExecuted = (result: string[]) => manipulateHistory(result.reverse().concat(history).slice(0, 1000));
 
+    const focusInput = () => {
+        if (inputRef.current) inputRef.current.focus();
+    }
+
     return (<>
         <REPLHistory history={history} inputRef={inputRef} />
         <REPLInput historyCallback={onCommandExecuted} inputRef={inputRef} />
+        <div style={{flexGrow: 2}} onClick={focusInput}></div>
     </>);
 };
 
diff --git a/styles/REPL/REPLInput.module.css b/styles/REPL/REPLInput.module.css
index a2ceb72..ab09f38 100644
--- a/styles/REPL/REPLInput.module.css
+++ b/styles/REPL/REPLInput.module.css
@@ -19,7 +19,6 @@
     width: 100%;
     flex-direction: row;
     flex-wrap: nowrap;
-    flex-grow: 2;
 }
 
 .inputstart {