SONAR-7167 display key in a text input

diff --git a/server/sonar-web/src/main/js/apps/overview/meta.js b/server/sonar-web/src/main/js/apps/overview/meta.js
index d1dab7081015bfa7804d2347784a427e211f26ae..403bc3c6f72c3c49149bac4d1fbd679fa0dae265 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/meta.js
+++ b/server/sonar-web/src/main/js/apps/overview/meta.js
@@ -98,9 +98,10 @@ export default React.createClass({
     let keyCard = (
         <div>
           <h4 className="overview-meta-header">{translate('key')}</h4>
-          <div style={{ overflow: 'auto', whiteSpace: 'nowrap' }}>
-            <code>{this.props.component.key}</code>
-          </div>
+          <input
+              type="text"
+              value={this.props.component.key}
+              style={{ width: '100%' }}/>
         </div>
     );