Add CTA on swap prompt

src/App.css

@@ -165,9 +165,12 @@ input[type=number]::-webkit-outer-spin-button {
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  color: blue;
-  height: 64px;
+  color: white;
+  height: 48px;
   transition: height .3s ease;
+  background-color: #27AE60;
+  background-color: #2F80ED;
+  cursor: pointer;
 }
 
 .expand{

src/App.js

@@ -665,13 +665,12 @@ class App extends Component {
         </section>
 
         {this.state.interaction === 'input' ?
-          <section className="swap grey-bg border pa2">
-            <a role="button" onClick={() => {this.purchaseTokens()}}>
-              <b>{"I want to swap " + this.state.input + " " + this.state.inputToken.value + " for " + (this.state.output/10**18).toFixed(5) + " " + this.state.outputToken.value}</b>
-            </a>
+          <a className="swap border pa2" role="button" onClick={() => {this.purchaseTokens()}}>
+
+              <b>{"I want to swap " + this.state.input + " " + this.state.inputToken.value + " for " + this.state.output/10**18 + " " + this.state.outputToken.value}</b>
             {/* <button> Approve </button> */}
-          </section>
-          : <section className="swap grey-bg hidden border pa2"></section>}
+          </a>
+          : <a className="swap grey-bg hidden border pa2"></a>}
 
         <section className="About" ref={(section) => { this.About = section; }}>
           <a onClick={() => {this.toggleAbout()}} className="link border pa2 f-a">

src/components/ConnectionHelper.js

@@ -82,7 +82,7 @@ function ConnectionHelper(props) {
     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 />
-        Enter an input value below to get started.</p>
+        You're connected. Enter a value below to get started.</p>
         <p>↓</p>
       </div>
     )