Small fixes

src/App.js

@@ -671,7 +671,7 @@ class App extends Component {
           <section className="expand grey-bg border pa2">
             <p>Uniswap is a trustless, decentralized exchange for Ether and ERC20 tokens</p>
             <p>Uniswap exchange uses a "Market Maker" mechanism, where liquidity providers store a reserve of ETH and ERC20 tokens within an Ethereum smart contract. An exchange rate is set between the tokens and ETH based on the relative availibility of each token. Arbitrage ensures that the rate will be the same as on other exchanges. Buyers who send Token 1 to the smart contract will receive back Token 2 at the current rate. A small fee is paid from the buyer to the liquidity providers to incentive participation.</p>
-            <p>A full writeup will be written soon. Until then, here is some more info on Market Makers:</p>
+            <p>A full writeup will be available soon. Until then, here is some more info on Market Makers:</p>
             <a target="_blank" href="https://www.reddit.com/r/ethereum/comments/55m04x/lets_run_onchain_decentralized_exchanges_the_way/">https://www.reddit.com/r/ethereum/comments/55m04x/lets_run_onchain_decentralized_exchanges_the_way/</a>
             <a target="_blank" href="http://vitalik.ca/general/2017/06/22/marketmakers.html">http://vitalik.ca/general/2017/06/22/marketmakers.html</a>
             <p>Please reach out if you would like to get involved or support the project.</p>

src/components/ConnectionHelper.js

@@ -4,35 +4,35 @@ function ConnectionHelper(props) {
   if (!props.metamask) {
     return (
       <div className="grey-bg connection border pa2">
-        <p>Welcome! Uniswap is a decentralized exhange platform for ERC20 Tokens. <a onClick={() => {props.toggleAbout()}} className="f-a">How it works</a>.<br />
+        <p>Welcome! Uniswap is a decentralized exhange platform for ERC20 Tokens. <a onClick={() => {props.toggleAbout()}} className="f-a">How it works ↘</a><br /><br />
         <b>To get started, please install <a href="">Metamask</a>.</b></p>
       </div>
     )
   } if (props.locked) {
     return (
       <div className="grey-bg connection border pa2">
-        <p>Welcome! Uniswap is a decentralized exhange platform for ERC20 Tokens. <a  onClick={() => {props.toggleAbout()}} className="f-a" >How it works</a>.<br />
+        <p>Welcome! Uniswap is a decentralized exhange platform for ERC20 Tokens. <a onClick={() => {props.toggleAbout()}} className="f-a" >How it works ↘</a><br /><br />
         Looks like you aren't connected. <b>Please unlock Metamask to continue.</b></p>
       </div>
     )
   } else if (!props.approved &&  props.exchangeType === "Token to Token") {
     return (
       <div className="grey-bg connection border pa2">
-        <p>Our smart contract has to be approved by your address to be able to swap tokens for tokens.<br /> We set the transfer limit to 250 (<a href="">Why?</a>).</p>
+        <p>Our smart contract has to be approved by your address to be able to swap tokens for tokens.<br /> We set the transfer limit to 250 (<a onClick={() => {props.toggleAbout()}} className="f-a">Why?</a>).</p>
         <a className="f-a"  onClick={() => props.approveAllowance()}>Approve ⭞</a>
       </div>
     )
   } else if (!props.approved && props.exchangeType === "Token to ETH") {
     return (
       <div className="grey-bg connection border pa2">
-        <p>Our smart contract has to be approved by your address to be able to swap tokens for ETH.<br /> We set the transfer limit to 250 (<a href="">Why?</a>).</p>
+        <p>Our smart contract has to be approved by your address to be able to swap tokens for ETH.<br /> We set the transfer limit to 250 (<a onClick={() => {props.toggleAbout()}} className="f-a">Why?</a>).</p>
         <a className="f-a"  onClick={() => props.approveAllowance()}>Approve ⭞</a>
       </div>
     )
   } else if (!props.uniAdded && props.outputToken.value === "UNI") {
     return (
       <div className="grey-bg connection border pa2">
-        <p>Welcome! Uniswap is a decentralized exhange platform for ERC20 Tokens. <a  onClick={() => {props.toggleAbout()}} className="f-a" >How it works</a>.<br /><br />
+        <p>Welcome! Uniswap is a decentralized exhange platform for ERC20 Tokens. <a  onClick={() => {props.toggleAbout()}} className="f-a" >How it works ↘</a><br /><br />
         You’ll need to add the UNI tokens to Metamask. <a target="_blank" href="http://metamask.consensyssupport.happyfox.com/kb/article/4-managing-tokens">Here’s a step by step guide.</a><br />
         Add UNI with <a href="">0x350E5DD084ecF271e8d3531D4324443952F47756</a>.</p>
         <a className="f-a" onClick={() => props.onCloseHelper()}>I've added the token</a>
@@ -74,7 +74,7 @@ function ConnectionHelper(props) {
   } else {
     return (
       <div className="grey-bg connection border pa2">
-        <p>Welcome! Uniswap is a decentralized exhange platform for ERC20 Tokens. <a onClick={() => {props.toggleAbout()}} className="f-a">How it works</a>.<br />
+        <p>Welcome! Uniswap is a decentralized exhange platform for ERC20 Tokens. <a onClick={() => {props.toggleAbout()}} className="f-a">How it works ↘</a><br /><br />
         Enter an input value below to get started.</p>
         <p>↓</p>
       </div>