From 773e23d701b36a2621b28e609efa14fd95e19bea Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 8 Jan 2026 02:52:34 +0100
Subject: [PATCH] Update QuizRunner component styles and button classes

---
 client/src/components/QuizRunner.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/components/QuizRunner.tsx b/client/src/components/QuizRunner.tsx
index dadf64a..d988571 100644
--- a/client/src/components/QuizRunner.tsx
+++ b/client/src/components/QuizRunner.tsx
@@ -505,7 +505,7 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
           <div className="pill">Wrong {wrongCount}</div>
           <div className="pill">Skipped {skippedCount}</div>
         </div>
-        <div className="actions" style={{ gap: '0.5rem', flexWrap: 'wrap' }}>
+        <div className="actions" style={{ flexWrap: 'wrap' }}>
           <button
             className="button button--ghost"
             onClick={() => {
@@ -515,16 +515,16 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
           >
             Back
           </button>
-          <button className="button" onClick={startQuiz}>
+          <button className="button button--primary" onClick={startQuiz}>
             Play again
           </button>
-          <NavLink className="button button--ghost" to="/">
+          <Link className="button button--ghost" to="/">
             Home
-          </NavLink>
+          </Link>
           {entryLink && (
-            <NavLink className="button button--ghost" to={entryLink}>
+            <Link className="button button--ghost" to={entryLink}>
               Back to learn page
-            </NavLink>
+            </Link>
           )}
         </div>
       </div>