From d8e90696a7d91728a9c81e2b3235be3b8fc95db8 Mon Sep 17 00:00:00 2001
From: Stas Vilchik <vilchiks@gmail.com>
Date: Wed, 3 Feb 2016 10:53:24 +0100
Subject: [PATCH] improve rendering of key on overview page

---
 server/sonar-web/src/main/js/apps/overview/meta.js | 4 ++--
 server/sonar-web/src/main/less/pages/overview.less | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

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 a13adcaf70b..6557f397acd 100644
--- 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 7d7d7ff89ba..64e16df4a2c 100644
--- 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
  */
-- 
2.39.5