From: Stas Vilchik <stas.vilchik@sonarsource.com>
Date: Thu, 19 Oct 2017 13:34:50 +0000 (+0200)
Subject: SONAR-8872 Fields in the Administration section are too small
X-Git-Tag: 6.7-RC1~134
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=2c1b9cae54f36b9d62a65de6ef631f091bea99b6;p=sonarqube.git

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 8e0e37737f9..f8b2329d4af 100644
--- 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 9f7a35f3f4e..031484ed8a5 100644
--- 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 c6c62a38651..0b5d5bf25ec 100644
--- 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 e4826f07523..f12154b29e8 100644
--- 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 36c9498c0d2..e4d5ba0f0ed 100644
--- 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 45d1f77909c..cf7c8e68c11 100644
--- 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;
+}