SONAR-8872 Fields in the Administration section are too small

diff --git a/server/sonar-web/src/main/js/apps/settings/components/EmailForm.js b/server/sonar-web/src/main/js/apps/settings/components/EmailForm.js
index 8e0e37737f9ee1eec3b9ba44f4321336965b0641..f8b2329d4aff64e71e4d8739505651a53bac264a 100644 (file)
--- a/server/sonar-web/src/main/js/apps/settings/components/EmailForm.js
+++ b/server/sonar-web/src/main/js/apps/settings/components/EmailForm.js
@@ -76,6 +76,7 @@ class EmailForm extends React.PureComponent {
               <em className="mandatory">*</em>
             </label>
             <input
+              className="settings-large-input"
               id="test-email-to"
               type="email"
               required={true}
@@ -89,6 +90,7 @@ class EmailForm extends React.PureComponent {
               {translate('email_configuration.test.subject')}
             </label>
             <input
+              className="settings-large-input"
               id="test-email-subject"
               type="text"
               value={this.state.subject}
@@ -102,6 +104,7 @@ class EmailForm extends React.PureComponent {
               <em className="mandatory">*</em>
             </label>
             <textarea
+              className="settings-large-input"
               id="test-email-title"
               required={true}
               rows="5"

diff --git a/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForPassword.js b/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForPassword.js
index 9f7a35f3f4e06c9aee3ebcac73b8427dbcbd2404..031484ed8a5712002b6e0b630bd45cda59f63325 100644 (file)
--- a/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForPassword.js
+++ b/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForPassword.js
@@ -59,7 +59,7 @@ export default class InputForPassword extends React.PureComponent {
           <input
             value={this.state.value}
             name={this.props.name}
-            className="js-password-input input-large text-top"
+            className="js-password-input settings-large-input text-top"
             type="password"
             autoFocus={true}
             autoComplete={false}

diff --git a/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForSingleSelectList.js b/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForSingleSelectList.js
index c6c62a386510aad33e2fbb62724d115adeac5e46..0b5d5bf25ec32cb30f2123323361f836ee3f2051 100644 (file)
--- a/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForSingleSelectList.js
+++ b/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForSingleSelectList.js
@@ -41,7 +41,7 @@ export default class InputForSingleSelectList extends React.PureComponent {
     return (
       <Select
         name={this.props.name}
-        className="input-large"
+        className="settings-large-input"
         options={options}
         clearable={false}
         value={this.props.value}

diff --git a/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForString.js b/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForString.js
index e4826f075237d95a3f4b2b1b91f622d147ef94b0..f12154b29e8e743e2a210d7c36988667bb16296a 100644 (file)
--- a/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForString.js
+++ b/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForString.js
@@ -21,5 +21,5 @@ import React from 'react';
 import SimpleInput from './SimpleInput';
 
 export default function InputForString(props) {
-  return <SimpleInput {...props} className="input-large" type="text" />;
+  return <SimpleInput {...props} className="settings-large-input" type="text" />;
 }

diff --git a/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForText.js b/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForText.js
index 36c9498c0d206b1cd2dc55ecdee1b3e81e3b0b30..e4d5ba0f0edd14fbac9afbc5d4da3b4a9553883b 100644 (file)
--- a/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForText.js
+++ b/server/sonar-web/src/main/js/apps/settings/components/inputs/InputForText.js
@@ -31,7 +31,7 @@ export default class InputForText extends React.PureComponent {
     return (
       <textarea
         name={this.props.name}
-        className="input-super-large text-top"
+        className="settings-large-input text-top"
         rows="5"
         value={this.props.value || ''}
         onChange={e => this.handleInputChange(e)}

diff --git a/server/sonar-web/src/main/js/apps/settings/styles.css b/server/sonar-web/src/main/js/apps/settings/styles.css
index 45d1f77909cf46d5a3c194a8a8b57c8d09111cc4..cf7c8e68c113dea7e81541479d3b47bb1302ec2f 100644 (file)
--- a/server/sonar-web/src/main/js/apps/settings/styles.css
+++ b/server/sonar-web/src/main/js/apps/settings/styles.css
@@ -83,3 +83,9 @@
   margin-bottom: 20px;
   color: #777;
 }
+
+.settings-large-input {
+  width: 100% !important;
+  max-width: 400px;
+  min-width: 200px;
+}