Merge pull request #204 from MetaMask/dev

Merge UI redesign into master

1 files changed, 23 insertions, 13 deletions

diff --git a/ui/app/components/account-export.js b/ui/app/components/account-export.js
index f79a533ba..eab9baf65 100644
--- a/ui/app/components/account-export.js
+++ b/ui/app/components/account-export.js
@@ -1,6 +1,7 @@
 const Component = require('react').Component
 const h = require('react-hyperscript')
 const inherits = require('util').inherits
+const copyToClipboard = require('copy-to-clipboard')
 const actions = require('../actions')
 
 module.exports = ExportAccountView
@@ -31,19 +32,28 @@ ExportAccountView.prototype.render = function() {
       and you should only do it if you know what you're doing.`
     var confirmation = `If you're absolutely sure, type "I understand" below and
                         submit.`
-    return h('div', { key: 'exporting' }, [
-      h('p.error', warning),
-      h('p', confirmation),
-      h('input#exportAccount', {
-        onKeyPress: this.onExportKeyPress.bind(this),
-      }),
-      h('button', {
-        onClick: () => this.onExportKeyPress({ key: 'Enter', preventDefault: () => {} }),
-      }, 'Submit'),
-      h('button', {
-        onClick: () => this.props.dispatch(actions.backToAccountDetail(this.props.address))
-      }, 'Cancel'),
-    ])
+    return (
+
+      h('div', {
+        key: 'exporting',
+        style: {
+          margin: '0 20px',
+        },
+      }, [
+        h('p.error', warning),
+        h('p', confirmation),
+        h('input#exportAccount', {
+          onKeyPress: this.onExportKeyPress.bind(this),
+        }),
+        h('button', {
+          onClick: () => this.onExportKeyPress({ key: 'Enter', preventDefault: () => {} }),
+        }, 'Submit'),
+        h('button', {
+          onClick: () => this.props.dispatch(actions.backToAccountDetail(this.props.address))
+        }, 'Cancel'),
+      ])
+
+    )
   }
 
   if (accountExported) {