improve styles of encrypted value and server id inputs

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 f07e5cd601e6db4ad0984b7ef6a03ca9dd97f131..b983d25ef4a9c96c4c0efb9dc751a3f11c133d0f 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
@@ -62,7 +62,7 @@ export default class EncryptionForm extends React.Component {
                 Encrypted Value:{' '}
                 <input
                     id="encrypted-value"
-                    className="input-super-large"
+                    className="input-clear input-code input-super-large"
                     type="text"
                     readOnly={true}
                     value={this.props.encryptedValue}/>

diff --git a/server/sonar-web/src/main/js/apps/settings/serverId/ServerIdApp.js b/server/sonar-web/src/main/js/apps/settings/serverId/ServerIdApp.js
index afeeca6c566a9295d404f9248918ce0339a6de5f..db845226e907283a4fe6f13643f028b749922bb1 100644 (file)
--- a/server/sonar-web/src/main/js/apps/settings/serverId/ServerIdApp.js
+++ b/server/sonar-web/src/main/js/apps/settings/serverId/ServerIdApp.js
@@ -86,7 +86,7 @@ export default class ServerIdApp extends React.Component {
                 Server ID:
                 <input
                     id="server-id-result"
-                    className="spacer-left input-large"
+                    className="spacer-left input-large input-clear input-code"
                     type="text"
                     readOnly={true}
                     value={this.state.serverId}/>

diff --git a/server/sonar-web/src/main/less/init/forms.less b/server/sonar-web/src/main/less/init/forms.less
index 384455b0b9847982ae69f5836486a5e2c5360288..e67f6f56c124f2b80e4658ca0aa917d75d1f482a 100644 (file)
--- a/server/sonar-web/src/main/less/init/forms.less
+++ b/server/sonar-web/src/main/less/init/forms.less
@@ -254,6 +254,17 @@ textarea.input-super-large {
   min-width: 300px;
 }
 
+.input-clear {
+  padding: 0 !important;
+  border: none !important;
+  background-color: transparent !important;
+}
+
+.input-code {
+  font-family: @monoFontFamily;
+  font-size: @monoFontSize;
+}
+
 em.mandatory {
   color: #990000;
   font-style: italic;