From f2323b35b8a116cc848f22f74e12170e2bd21687 Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Thu, 31 Aug 2023 20:53:08 +0100
Subject: [PATCH] Turned the reading into split screen

---
 src/exams/Reading.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/exams/Reading.tsx b/src/exams/Reading.tsx
index 77eec20c..52f20eee 100644
--- a/src/exams/Reading.tsx
+++ b/src/exams/Reading.tsx
@@ -198,15 +198,17 @@ export default function Reading({exam, showSolutions = false, onFinish}: Props)
 					disableTimer={showSolutions}
 					label={exerciseIndex === -1 ? undefined : convertCamelCaseToReadable(exam.exercises[exerciseIndex].type)}
 				/>
-				{exerciseIndex === -1 && renderText()}
-				{exerciseIndex > -1 &&
-					exerciseIndex < exam.exercises.length &&
-					!showSolutions &&
-					renderExercise(getExercise(), nextExercise, previousExercise)}
-				{exerciseIndex > -1 &&
-					exerciseIndex < exam.exercises.length &&
-					showSolutions &&
-					renderSolution(exam.exercises[exerciseIndex], nextExercise, previousExercise)}
+				<div className="flex gap-4 mb-20">
+					{renderText()}
+					{exerciseIndex > -1 &&
+						exerciseIndex < exam.exercises.length &&
+						!showSolutions &&
+						renderExercise(getExercise(), nextExercise, previousExercise)}
+					{exerciseIndex > -1 &&
+						exerciseIndex < exam.exercises.length &&
+						showSolutions &&
+						renderSolution(exam.exercises[exerciseIndex], nextExercise, previousExercise)}
+				</div>
 				{exerciseIndex > -1 && exerciseIndex < exam.exercises.length && (
 					<Button
 						color="purple"