Show passphrase input label (#6992)

matrix-org · Oct 22, 2021 · 12ad01d · 12ad01d
1 parent 1f5d8a9
commit 12ad01d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/res/css/views/dialogs/security/_AccessSecretStorageDialog.scss b/res/css/views/dialogs/security/_AccessSecretStorageDialog.scss
@@ -70,7 +70,6 @@ limitations under the License.
     width: 300px;
     border: 1px solid $accent-color;
     border-radius: 5px;
-    padding: 10px;
 }
 
 .mx_AccessSecretStorageDialog_recoveryKeyEntry {

diff --git a/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx b/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
@@ -346,15 +346,15 @@ export default class AccessSecretStorageDialog extends React.PureComponent<IProp
                 ) }</p>
 
                 <form className="mx_AccessSecretStorageDialog_primaryContainer" onSubmit={this.onPassPhraseNext}>
-                    <input
-                        type="password"
+                    <Field
                         id="mx_passPhraseInput"
                         className="mx_AccessSecretStorageDialog_passPhraseInput"
-                        onChange={this.onPassPhraseChange}
+                        type="password"
+                        label={_t("Security Phrase")}
                         value={this.state.passPhrase}
+                        onChange={this.onPassPhraseChange}
                         autoFocus={true}
                         autoComplete="new-password"
-                        placeholder={_t("Security Phrase")}
                     />
                     { keyStatus }
                     <DialogButtons