diff --git a/ui/pages/create-account/import-account/index.js b/ui/pages/create-account/import-account/index.js index 9c2a38b44..4f94f0965 100644 --- a/ui/pages/create-account/import-account/index.js +++ b/ui/pages/create-account/import-account/index.js @@ -36,41 +36,44 @@ export default class AccountImportSubview extends Component { render() { const menuItems = this.getMenuItemTexts(); const { type } = this.state; + const { t } = this.context; return ( -
-
- {this.context.t('importAccountMsg')} - { - global.platform.openTab({ - url: - 'https://metamask.zendesk.com/hc/en-us/articles/360015289932', - }); - }} - > - {this.context.t('here')} - -
-
-
- {this.context.t('selectType')} + <> +
+
Import Account
+
+ {t('importAccountMsg')} + { + global.platform.openTab({ + url: + 'https://metamask.zendesk.com/hc/en-us/articles/360015289932', + }); + }} + > + {t('here')} +
- ({ value: text }))} - selectedOption={type || menuItems[0]} - onChange={(value) => { - this.setState({ type: value }); - }} - />
- {this.renderImportView()} -
+
+
+
+ {t('selectType')} +
+ ({ value: text }))} + selectedOption={type || menuItems[0]} + onChange={(value) => { + this.setState({ type: value }); + }} + /> +
+ {this.renderImportView()} +
+ ); } } diff --git a/ui/pages/create-account/import-account/index.scss b/ui/pages/create-account/import-account/index.scss index 1e5efe7f0..91580b70a 100644 --- a/ui/pages/create-account/import-account/index.scss +++ b/ui/pages/create-account/import-account/index.scss @@ -1,11 +1,7 @@ -.new-account-import-disclaimer { - @include H7; - - width: 120%; - background-color: #f4f9fc; - display: inline-block; - align-items: center; - padding: 20px 30px 20px; +.new-account-info-link { + cursor: pointer; + text-decoration: underline; + color: $primary-blue; } .new-account-import-form {