From 8546c4f4d41d6775a11b9716d30ecc92a078281b Mon Sep 17 00:00:00 2001
From: st5626 <st5626@g.rit.edu>
Date: Mon, 28 Dec 2020 20:46:38 -0800
Subject: [PATCH 1/3] fixed spellings

---
 frontend/src/components/aboutInformation/aboutInfo.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/aboutInformation/aboutInfo.js b/frontend/src/components/aboutInformation/aboutInfo.js
index 6dc14f6..6f046e9 100755
--- a/frontend/src/components/aboutInformation/aboutInfo.js
+++ b/frontend/src/components/aboutInformation/aboutInfo.js
@@ -69,7 +69,7 @@ const AboutInfo = ({ toWhiteBackground, background }) => {
       <div>
         <p className="center fourthTitle">Tritanomaly (trī′tə-nŏm′ə-lē):</p>
         <p className="center margin">
-          There is a reduced sensitivity to blue right. Most people with this
+          There is a reduced sensitivity to blue light. Most people with this
           have issues distinguishing between blue and yellow, violet and red,
           and blue and green. Most of the colors someone with this would see are
           pink, red, black, white, grey, and turquoise. This CVD is extremely
@@ -81,7 +81,7 @@ const AboutInfo = ({ toWhiteBackground, background }) => {
         <p className="center margin">
           Individuals with this deficiency can see no colors at all. Everything
           is a shade of grey that ranges between white and black. This is
-          incredibly rare (approximately 1 in 33,000 people are diagnosed With
+          incredibly rare (approximately 1 in 33,000 people are diagnosed with
           this condition). Due to the range of colors these individuals can see,
           it can make some tasks in life difficult to preform.
         </p>

From e6634c9b0da16f87713956a05648c3ec0fb9f85f Mon Sep 17 00:00:00 2001
From: st5626 <st5626@g.rit.edu>
Date: Tue, 29 Dec 2020 16:25:19 -0800
Subject: [PATCH 2/3] fixed weird alignment of the link on the game page

---
 frontend/src/components/game/game.js | 4 ++--
 frontend/src/components/home/Home.js | 9 ++++-----
 package-lock.json                    | 3 +++
 3 files changed, 9 insertions(+), 7 deletions(-)
 create mode 100644 package-lock.json

diff --git a/frontend/src/components/game/game.js b/frontend/src/components/game/game.js
index 54ee233..01f0569 100755
--- a/frontend/src/components/game/game.js
+++ b/frontend/src/components/game/game.js
@@ -94,8 +94,8 @@ class game extends Component {
           <div className='center prescreen'>
             <Circle color={correctColor} />
             <div className='arrow'>
-              <div className='point'></div>
-              <div className='line'></div>
+              <div className='point'/>
+              <div className='line'/>
             </div>
             <div>
               <p className='prescreenText'>Click this color whenever it appears here!</p>
diff --git a/frontend/src/components/home/Home.js b/frontend/src/components/home/Home.js
index 4ecf5b7..1ee7abd 100755
--- a/frontend/src/components/home/Home.js
+++ b/frontend/src/components/home/Home.js
@@ -42,12 +42,11 @@ const Home = ({correctColor, incorrectColorOne, incorrectColorTwo,
         incorrectColorOne={incorrectColorOne}
         incorrectColorTwo={incorrectColorTwo}
       />
-      <br></br>
-      <p className='center noBottomMargin fourthTitle'>
+      <br/>
+      <p className='fourthTitle'>
         For educational purposes, we record all scores and actions taken in the
-        game, along with any information you choose to give us from our forum.
-      </p>
-      <p className='center noBottomMargin fourthTitle'>
+        game, along with any information you choose to give us from our forum.<br/>
+
         For further information and to see the other labs
         currently in development for this project, visit
         <a href="http://all.rit.edu" className='allLink'>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..48e341a
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,3 @@
+{
+  "lockfileVersion": 1
+}

From c4989428a88dc057d9b8f5fbba7f7921431512f5 Mon Sep 17 00:00:00 2001
From: st5626 <st5626@g.rit.edu>
Date: Tue, 29 Dec 2020 16:46:31 -0800
Subject: [PATCH 3/3] fixed button margins, table background color

---
 frontend/src/components/game/replay.js   | 2 +-
 frontend/src/components/header/title.css | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/game/replay.js b/frontend/src/components/game/replay.js
index 6f41f1f..1b83e80 100755
--- a/frontend/src/components/game/replay.js
+++ b/frontend/src/components/game/replay.js
@@ -60,7 +60,7 @@ class Replay extends Component {
               </p>
             )}
             <div>
-              <table style={{ backgroud: "white" }} className="center">
+              <table className="center">
                 <tbody style={{ border: "2px solid black" }}>
                   <tr>
                     <td className="replayBreakdown">Final Score</td>
diff --git a/frontend/src/components/header/title.css b/frontend/src/components/header/title.css
index 5bd1ef0..abe5cf3 100755
--- a/frontend/src/components/header/title.css
+++ b/frontend/src/components/header/title.css
@@ -8,6 +8,7 @@
 
 .Button {
   margin-top: 10px;
+  margin-bottom: 10px;
   margin-left: 25px;
   font-size: 25px;
   box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);