diff --git a/WebApp/frontend/quiz-master/app/reports/components/pdfReports/IndividualParticipantAnswersReport.tsx b/WebApp/frontend/quiz-master/app/reports/components/pdfReports/IndividualParticipantAnswersReport.tsx
index 448b0529..7be3bb1c 100644
--- a/WebApp/frontend/quiz-master/app/reports/components/pdfReports/IndividualParticipantAnswersReport.tsx
+++ b/WebApp/frontend/quiz-master/app/reports/components/pdfReports/IndividualParticipantAnswersReport.tsx
@@ -138,13 +138,13 @@ function ParticipantAnswersTableRow({
{ color: isParticipantCorrect ? "#17A14B" : "red" },
]}
>
- {`${participantAnswer.answer} ${
- isParticipantCorrect ? " ✅" : " ❌"
+ {`${isParticipantCorrect ? "✅ " : "❌ "} ${
+ participantAnswer.answer
}`}
) : (
- {""}
+ {"❌ "}
)}
diff --git a/WebApp/frontend/quiz_session/app/room/quiz/components/header.js b/WebApp/frontend/quiz_session/app/room/quiz/components/header.js
index 640dd8a6..ffc28cd9 100644
--- a/WebApp/frontend/quiz_session/app/room/quiz/components/header.js
+++ b/WebApp/frontend/quiz_session/app/room/quiz/components/header.js
@@ -32,30 +32,37 @@ export default function Header() {
return (
-
-
+
+
-
-
- Question {metadata?.currentQuestionIndex}{" "}
+
+
+ {metadata?.currentSetName}
+
+
+
+ Question {metadata?.currentQuestionIndex}{" "}
+
+
out of {metadata?.totalNumberOfQuestions}
-
out of {metadata?.totalNumberOfQuestions}
-
10 ? " bg-green-700/50" : "bg-red-500"
- }`}
- >
-
Time left
+
0 ? "animate-ping" : ""
+ className={`flex flex-col rounded-md px-4 py-2 w-28 justify-center items-center ${
+ time > 10 ? " bg-green-700/50" : "bg-red-500"
}`}
>
- {timeFormater(time)}
+
Time left
+
0 ? "animate-ping" : ""
+ }`}
+ >
+ {timeFormater(time)}
+
diff --git a/WebApp/frontend/quiz_session/app/room/quiz/components/leaderboard.js b/WebApp/frontend/quiz_session/app/room/quiz/components/leaderboard.js
index dd221aa0..584cfc35 100644
--- a/WebApp/frontend/quiz_session/app/room/quiz/components/leaderboard.js
+++ b/WebApp/frontend/quiz_session/app/room/quiz/components/leaderboard.js
@@ -50,7 +50,7 @@ export default function Leaderboard({ leaderBoard }) {
return (