improve rendering of key on overview page

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 a13adcaf70b5de1cd63b31159e66a67b041757e6..6557f397acd1dd0253d6a9d78ca9bda42ab44c8c 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/meta.js
+++ b/server/sonar-web/src/main/js/apps/overview/meta.js
@@ -99,10 +99,10 @@ export default React.createClass({
         <div>
           <h4 className="overview-meta-header">{translate('key')}</h4>
           <input
+              className="overview-key"
               type="text"
               value={this.props.component.key}
-              readOnly={true}
-              style={{ width: '100%' }}/>
+              readOnly={true}/>
         </div>
     );
 

diff --git a/server/sonar-web/src/main/less/pages/overview.less b/server/sonar-web/src/main/less/pages/overview.less
index 7d7d7ff89ba16f8d94e0f197d9c4206f376acdb1..64e16df4a2c5b0127b0cc308a8674304a1f55076 100644 (file)
--- a/server/sonar-web/src/main/less/pages/overview.less
+++ b/server/sonar-web/src/main/less/pages/overview.less
@@ -590,6 +590,13 @@
   background-color: #fbf3d5;
 }
 
+.overview-key {
+  width: 100%;
+  padding: 0 !important;
+  border: none !important;
+  background-color: transparent !important;
+}
+
 /*
  * Responsive Stuff
  */