From 6d1058773c24036d0e2a2be87e742f98ba2bcc6a Mon Sep 17 00:00:00 2001
From: Jon Eugster <eugster.jon@gmail.com>
Date: Wed, 8 Feb 2023 16:05:28 +0100
Subject: [PATCH] move excercise to middle panel.

---
 client/src/components/Level.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Level.tsx b/client/src/components/Level.tsx
index 92fb3ed..1c647fd 100644
--- a/client/src/components/Level.tsx
+++ b/client/src/components/Level.tsx
@@ -155,19 +155,19 @@ function Level() {
       </div>
 
     </div>
-    <Split minSize={200} className={`app-content level ${level.isLoading ? 'hidden' : ''}`}>
+    <Split minSize={200} sizes={[25, 50, 25]} className={`app-content level ${level.isLoading ? 'hidden' : ''}`}>
       <div className="main-panel">
         <div ref={introductionPanelRef} className="introduction-panel">
           <Markdown>{level?.data?.introduction}</Markdown>
         </div>
+      </div>
+      <div className="info-panel">
         <div className="exercise">
-          <h4>Aufgabe:</h4>
+          {/* <h4>Aufgabe:</h4> */}
           <Markdown>{level?.data?.descrText}</Markdown>
           <div className={`statement ${commandLineMode ? 'hidden' : ''}`}><code>{level?.data?.descrFormat}</code></div>
           <div ref={codeviewRef} className={`codeview ${commandLineMode ? 'hidden' : ''}`}></div>
         </div>
-      </div>
-      <div className="info-panel">
         <div className="input-mode-switch">
           {commandLineMode && <button className="btn" onClick={handleUndo} disabled={!canUndo}><FontAwesomeIcon icon={faRotateLeft} /> Undo</button>}
           <FormGroup>