From 53d26284086e53f7705eeca592416d840b0209b6 Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Wed, 11 May 2022 13:16:43 -0500
Subject: [PATCH] better formatting to fit on phone for equative game

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

diff --git a/src/games/GameCore.tsx b/src/games/GameCore.tsx
index 954cc76..03c3d5c 100644
--- a/src/games/GameCore.tsx
+++ b/src/games/GameCore.tsx
@@ -145,7 +145,7 @@ function GameCore<T>({ questions, Display, timeLimit, Instructions, studyLink, i
                 <button onClick={handleQuit} className="btn btn-outline-secondary btn-sm mr-2">Quit</button>
             </div>}
             <Reward ref={rewardRef} config={{ lifetime: 130, spread: 90, elementCount: 150, zIndex: 999999999 }} type="confetti">
-                <div className="py-3">
+                <div>
                     {finish === undefined &&
                         (current 
                             ? <div>
diff --git a/src/games/sub-cores/EquativeGame.tsx b/src/games/sub-cores/EquativeGame.tsx
index fe919e5..5ad67e2 100644
--- a/src/games/sub-cores/EquativeGame.tsx
+++ b/src/games/sub-cores/EquativeGame.tsx
@@ -333,22 +333,22 @@ export default function EquativeGame({ id, link, level }: { id: string, link: st
         
         return <div>
             {(level === "allIdentify" || level === "situations") ?
-                <div className="pt-2 pb-1 mb-2" style={{ maxWidth: "300px", margin: "0 auto" }}>
+                <div className="mb-2" style={{ maxWidth: "300px", margin: "0 auto" }}>
                     {"situation" in question ? <p className="lead">
                         {question.situation.description}
                     </p> : <Examples opts={opts}>
                         {randFromArray(question.phrase.ps)}
                     </Examples>}
                 </div>
-                : !("situation" in question) && <div className="pt-2 pb-1 mb-2" style={{ maxWidth: "300px", margin: "0 auto" }}>
-                    <Examples opts={opts}>
+                : !("situation" in question) && <div className="mb-2" style={{ maxWidth: "300px", margin: "0 auto" }}>
+                    <Examples lineHeight={1} opts={opts}>
                         {/* @ts-ignore  TODO: REMOVE AS P_INFLE */}
                         {modExs(question.phrase.ps, withBa)[0]}
                     </Examples>
                     {question.phrase.e && question.phrase.e.map((e, i) => (
-                        <div key={e+i} className="text-muted mb-1">{e}</div>
+                        <div key={e+i} className="text-muted">{e}</div>
                     ))}
-                    <div className="lead text-muted">{humanReadableTense(question.EPS.equative.tense)} equative</div>
+                    <div>{humanReadableTense(question.EPS.equative.tense)} equative</div>
                 </div>
             }
             {level === "allIdentify" || "situation" in question ? <div className="text-center">
@@ -376,7 +376,7 @@ export default function EquativeGame({ id, link, level }: { id: string, link: st
                         with <InlinePs opts={opts}>{grammarUnits.baParticle}</InlinePs> in the <span style={{ color: kidsColor }}>kids' section</span>
                     </label>
                 </div>
-                <div className="my-3" style={{ maxWidth: "200px", margin: "0 auto" }}>
+                <div className="my-1" style={{ maxWidth: "200px", margin: "0 auto" }}>
                     <input
                         type="text"
                         className="form-control"