css

client/src/components/level.tsx

@@ -367,7 +367,7 @@ export function LevelWrapper({visible = true}) {
         </div>
       }
       { levelId > 0 &&
-        <div className="exercise-content">
+        <div className={`exercise-content ${(typewriterMode && !lockEditorMode) ? 'typewriter-mode': 'editor-mode' }`}>
             <NavButton
               className="btn-input-mode"
               icon={(typewriterMode && !lockEditorMode) ? faCode : faTerminal}

client/src/css/level.css

@@ -311,6 +311,14 @@ td code  {
   background: none;
 }
 
+.editor-mode .proof {
+  height: 100%;
+}
+
+.editor-mode .tmp-pusher {
+  height: 0;
+}
+
 /* Push the goals to the bottom for now, until we insert the proof history above. */
 .exercise-content {
   display: flex;