From 2c1b9cae54f36b9d62a65de6ef631f091bea99b6 Mon Sep 17 00:00:00 2001
From: Stas Vilchik <stas.vilchik@sonarsource.com>
Date: Thu, 19 Oct 2017 15:34:50 +0200
Subject: [PATCH] SONAR-8872 Fields in the Administration section are too small

---
 .../src/main/js/apps/settings/components/EmailForm.js       | 3 +++
 .../js/apps/settings/components/inputs/InputForPassword.js  | 2 +-
 .../settings/components/inputs/InputForSingleSelectList.js  | 2 +-
 .../js/apps/settings/components/inputs/InputForString.js    | 2 +-
 .../main/js/apps/settings/components/inputs/InputForText.js | 2 +-
 server/sonar-web/src/main/js/apps/settings/styles.css       | 6 ++++++
 6 files changed, 13 insertions(+), 4 deletions(-)

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;
+}
-- 
2.39.5