Merge pull request #1895 from CityOfZion/feature/minor-style-updates-…

…to-release feature: minor style updates to release
CityOfZion · Jul 22, 2019 · 3c1d847 · 3c1d847
2 parents f2422e1 + 6094411
commit 3c1d847
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/app/components/CreateImportWalletForm/CreateImportWalletForm.jsx b/app/components/CreateImportWalletForm/CreateImportWalletForm.jsx
@@ -76,7 +76,11 @@ class CreateImportWalletForm extends React.Component<Props, State> {
     return (
       <div id="createWallet" className={styles.flexContainer}>
         <form
-          className={styles.createWalletForm}
+          className={
+            option === 'IMPORT'
+              ? styles.importWalletForm
+              : styles.createWalletForm
+          }
           onSubmit={this.createWalletAccount}
         >
           {option === 'IMPORT' && (

diff --git a/app/components/CreateImportWalletForm/CreateImportWalletForm.scss b/app/components/CreateImportWalletForm/CreateImportWalletForm.scss
@@ -14,7 +14,13 @@
   flex: 1;
 }
 
+.importWalletForm {
+  @extend .createWalletForm;
+  margin-top: -24px;
+}
+
 .loginButtonMargin {
   margin-top: auto;
   margin-bottom: 50px;
+  margin-top: 24px;
 }
diff --git a/app/containers/CreateImportWallet/ImportWallet/ImportWallet.jsx b/app/containers/CreateImportWallet/ImportWallet/ImportWallet.jsx
@@ -49,7 +49,7 @@ const IMPORT_OPTIONS = {
   RECOVER_WALLET: {
     render: (props: Props) => (
       <Fragment>
-        <p>
+        <p className={styles.importRecoveryInstructions}>
           Upload a JSON wallet recovery file here to add your accounts to Neon.
           This option is also available on the Settings page.
         </p>

diff --git a/app/containers/CreateImportWallet/ImportWallet/ImportWallet.scss b/app/containers/CreateImportWallet/ImportWallet/ImportWallet.scss
@@ -9,9 +9,14 @@
   width: 500px;
   align-items: center;
   margin-top: 30px;
+  height: 100%;
 }
 
 .buttonContainer {
   height: 200px;
   margin-bottom: 260px;
 }
+
+.importRecoveryInstructions {
+  margin: -24px 0 48px;
+}