Add spacer for better top-down

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>
     </>);
 };
 

styles/REPL/REPLInput.module.css

@@ -19,7 +19,6 @@
     width: 100%;
     flex-direction: row;
     flex-wrap: nowrap;
-    flex-grow: 2;
 }
 
 .inputstart {