From 60e09a3f86c77aa2f2db5eaf22ac0246a0000ab3 Mon Sep 17 00:00:00 2001
From: Matthew Grove <me@mgrove.uk>
Date: Sun, 3 Oct 2021 19:28:37 +0100
Subject: [PATCH] Change order of stats when test completed

---
 src/Progress.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Progress.js b/src/Progress.js
index 8434ec6..5fc976b 100644
--- a/src/Progress.js
+++ b/src/Progress.js
@@ -585,6 +585,10 @@ export default withRouter(class Progress extends React.Component {
 									<p>You got</p>
 									<h1>{`${(this.state.correct / this.state.totalQuestions * 100).toFixed(2)}%`}</h1>
 								</div>
+								<div className="stat-row stat-row--inline">
+									<h1>{`${this.state.correct} of ${this.state.totalQuestions}`}</h1>
+									<p>marks</p>
+								</div>
 								{
 									this.state.averagePercentage !== null &&
 									<div className="stat-row stat-row--inline">
@@ -592,10 +596,6 @@ export default withRouter(class Progress extends React.Component {
 										<h1>{`${this.state.averagePercentage}%`}</h1>
 									</div>
 								}
-								<div className="stat-row stat-row--inline">
-									<h1>{`${this.state.correct} of ${this.state.totalQuestions}`}</h1>
-									<p>marks</p>
-								</div>
 								<div className="stat-row stat-row--inline">
 									<p>You took</p>
 									<h1>{this.msToTime(this.state.duration)}</h1>