SONAR-8497 Increase size of input on Encryption page

diff --git a/server/sonar-web/src/main/js/apps/settings/encryption/EncryptionForm.js b/server/sonar-web/src/main/js/apps/settings/encryption/EncryptionForm.js
index 5b9655f86dc688b931722729ded3fbb70099d52e..752cc2c92db267f983d66f9cec3e6f43b721b0db 100644 (file)
--- a/server/sonar-web/src/main/js/apps/settings/encryption/EncryptionForm.js
+++ b/server/sonar-web/src/main/js/apps/settings/encryption/EncryptionForm.js
@@ -49,16 +49,18 @@ export default class EncryptionForm extends React.PureComponent {
           id="encryption-form"
           className="big-spacer-bottom"
           onSubmit={e => this.handleEncrypt(e)}>
-          <input
-            id="encryption-form-value"
-            className="input-large"
-            type="text"
+          <textarea
             autoFocus={true}
+            className="input-super-large"
+            id="encryption-form-value"
+            onChange={e => this.setState({ value: e.target.value })}
             required={true}
+            rows={3}
             value={this.state.value}
-            onChange={e => this.setState({ value: e.target.value })}
           />
-          <button className="spacer-left">{translate('encryption.encrypt')}</button>
+          <div className="spacer-top">
+            <button>{translate('encryption.encrypt')}</button>
+          </div>
         </form>
 
         {this.props.encryptedValue != null && (