UI fixes

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>

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>

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>

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);

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'>