Merge pull request #919 from LiskHQ/913-show-passphrase-icon-intersects

Show passphrase icon intersects with the passsphrase - Closes #913
LiskArchive · Oct 25, 2017 · b852cfd · b852cfd
2 parents e11bd70 + daf6ba1
commit b852cfd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/passphraseInput/index.js b/src/components/passphraseInput/index.js
@@ -78,7 +78,7 @@ class PassphraseInput extends React.Component {
     return (
       <div className={styles.wrapper}>
         <Input label={this.props.label} required={true}
-          className={this.props.className}
+          className={`${this.props.className} ${styles.inputWrapper}`}
           error={this.props.error}
           value={this.props.value || ''}
           type={this.state.inputType}

diff --git a/src/components/passphraseInput/passphraseInput.css b/src/components/passphraseInput/passphraseInput.css
@@ -16,3 +16,7 @@
   height: 24px;
   cursor: pointer;
 }
+
+.inputWrapper input {
+  padding-right: 35px;
+}