From 39d0132e22d9eca2e7bb46705646772c6c42d95f Mon Sep 17 00:00:00 2001
From: Franco Victorio <victorio.franco@gmail.com>
Date: Mon, 5 Mar 2018 16:30:37 -0300
Subject: [PATCH] Move 'Upload CSV' button and add icon

---
 package-lock.json                            |  5 ++++
 package.json                                 |  1 +
 src/components/Common/WhitelistInputBlock.js | 25 +++++++++-----------
 src/index.js                                 |  2 ++
 4 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f3e205ad5..16b91ffc0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5069,6 +5069,11 @@
       "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.2.tgz",
       "integrity": "sha1-2uRqnXj74lKSJYzB54CkHZXAN4I="
     },
+    "font-awesome": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
+      "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
+    },
     "for-in": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
diff --git a/package.json b/package.json
index b8f39b6e6..1ecfb4e44 100755
--- a/package.json
+++ b/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",
diff --git a/src/components/Common/WhitelistInputBlock.js b/src/components/Common/WhitelistInputBlock.js
index 28025424b..bf9fc06fc 100644
--- a/src/components/Common/WhitelistInputBlock.js
+++ b/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>
     )
   }
diff --git a/src/index.js b/src/index.js
index e8c99f563..c3196ee30 100644
--- a/src/index.js
+++ b/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']) {