From 041be33c754236c5181b614bfd6ea4ea15e292d0 Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Mon, 5 Sep 2022 18:10:39 +0400
Subject: [PATCH] ui touchup

---
 src/games/GameCore.tsx             | 14 ++++++++------
 src/games/sub-cores/GenderGame.tsx |  2 +-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/games/GameCore.tsx b/src/games/GameCore.tsx
index 59cd870..9b880cf 100644
--- a/src/games/GameCore.tsx
+++ b/src/games/GameCore.tsx
@@ -268,11 +268,13 @@ function GameCore<Question>({ inChapter, getQuestion, amount, Display, DisplayCo
                 <div className={`progress-bar bg-${progressColor}`} role="progressbar" style={{ width: getProgressWidth() }} />
             </div>}
             <div className="d-flex flex-row justify-content-between mt-2">
-                {state.mode === "test" && <StrikesDisplay strikes={state.strikes} />}
-                {state.mode === "practice" && <PracticeStatusDisplay
-                    correct={state.numberComplete}
-                    incorrect={state.strikes}
-                />}
+                {state.mode === "test"
+                    ? <StrikesDisplay strikes={state.strikes} />
+                    : state.mode === "practice" ? <PracticeStatusDisplay
+                            correct={state.numberComplete}
+                            incorrect={state.strikes}
+                        />
+                    : <div />}
                 <div className="d-flex flex-row justify-content-right">
                     {state.mode === "test" && <CountdownCircleTimer
                         key={state.timerKey}
@@ -296,7 +298,7 @@ function GameCore<Question>({ inChapter, getQuestion, amount, Display, DisplayCo
                 </div>}
             </div>
             <Reward ref={rewardRef} config={{ lifetime: 130, spread: 90, elementCount: 150, zIndex: 999999999 }} type="confetti">
-                <div>
+                <div className="mb-2">
                     {state.mode === "intro" && <div>
                         <div className="pt-3">
                             {/* TODO: ADD IN TEXT DISPLAY OPTIONS HERE TOO - WHEN WE START USING THEM*/}
diff --git a/src/games/sub-cores/GenderGame.tsx b/src/games/sub-cores/GenderGame.tsx
index 4637205..6199e8f 100644
--- a/src/games/sub-cores/GenderGame.tsx
+++ b/src/games/sub-cores/GenderGame.tsx
@@ -81,7 +81,7 @@ const exceptions: Record<string, CategorySet> = {
     },
 };
 
-const amount = 30;
+const amount = 25;
 type Question = T.DictionaryEntry;
 
 export default function GenderGame({level, id, link, inChapter }: {