From 2e73bc33303c288f3fa3f93f9974b567c2156853 Mon Sep 17 00:00:00 2001
From: Jon Eugster <eugster.jon@gmail.com>
Date: Wed, 8 Feb 2023 16:16:14 +0100
Subject: [PATCH] css

---
 client/src/components/Level.tsx | 6 +++---
 client/src/components/level.css | 5 +++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/client/src/components/Level.tsx b/client/src/components/Level.tsx
index 1c647fd..4010f38 100644
--- a/client/src/components/Level.tsx
+++ b/client/src/components/Level.tsx
@@ -155,13 +155,13 @@ function Level() {
       </div>
 
     </div>
-    <Split minSize={200} sizes={[25, 50, 25]} className={`app-content level ${level.isLoading ? 'hidden' : ''}`}>
-      <div className="main-panel">
+    <Split minSize={200} sizes={[30, 45, 25]} className={`app-content level ${level.isLoading ? 'hidden' : ''}`}>
+      <div className="side-panel">
         <div ref={introductionPanelRef} className="introduction-panel">
           <Markdown>{level?.data?.introduction}</Markdown>
         </div>
       </div>
-      <div className="info-panel">
+      <div className="exercise-panel">
         <div className="exercise">
           {/* <h4>Aufgabe:</h4> */}
           <Markdown>{level?.data?.descrText}</Markdown>
diff --git a/client/src/components/level.css b/client/src/components/level.css
index e601ea6..3386146 100644
--- a/client/src/components/level.css
+++ b/client/src/components/level.css
@@ -24,14 +24,15 @@
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
 }
 
-.main-panel, .info-panel, .doc-panel {
+.side-panel, .exercise-panel, .doc-panel {
   height: 100%;
   overflow: auto;
 }
 
-.main-panel {
+.side-panel {
   display: flex;
   flex-flow: column;
+  background-color: #e9f2fb;
 }
 
 .infoview {