ui touchup

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
+                {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*/}

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 }: {