Move 'Upload CSV' button and add icon

package.json

@@ -59,6 +59,7 @@
     "eslint-plugin-react": "7.1.0",
     "extract-text-webpack-plugin": "2.1.2",
     "file-loader": "0.11.2",
+    "font-awesome": "^4.7.0",
     "fs-extra": "3.0.1",
     "html-webpack-plugin": "2.29.0",
     "immutability-helper": "^2.5.0",

src/components/Common/WhitelistInputBlock.js

@@ -109,24 +109,12 @@ export class WhitelistInputBlock extends React.Component {
 
     const dropzoneStyle = {
       position: 'relative',
-      marginTop: '-15px',
-      marginBottom: '15px'
-    }
-    const uploadCSVStyle = {
-      textDecoration: 'underline',
-      cursor: 'pointer'
+      cursor: 'pointer',
+      textAlign: 'right'
     }
 
     return (
       <div className="white-list-container">
-        <Dropzone
-          onDrop={this.onDrop}
-          accept=".csv"
-          style={dropzoneStyle}
-        >
-          <span style={uploadCSVStyle}>Upload CSV</span>
-        </Dropzone>
-
         <div className="white-list-input-container">
           <div className="white-list-input-container-inner">
             <InputField
@@ -175,6 +163,15 @@ export class WhitelistInputBlock extends React.Component {
             alreadyDeployed={e.alreadyDeployed}
           />
         )}
+        <Dropzone
+          onDrop={this.onDrop}
+          accept=".csv"
+          style={dropzoneStyle}
+        >
+          <i className="fa fa-upload" title="Upload CSV"></i>&nbsp;
+          Upload CSV
+        </Dropzone>
+
       </div>
     )
   }

src/index.js

@@ -5,6 +5,8 @@ import registerServiceWorker from './registerServiceWorker';
 import { useStrict } from 'mobx';
 import { Provider } from 'mobx-react';
 import * as stores from './stores';
+import 'font-awesome/css/font-awesome.css'
+
 useStrict(true);
 
 if (!process.env['REACT_APP_REGISTRY_ADDRESS']) {