From 5155080a530ca18fa0813824ad2eeed89d1ab388 Mon Sep 17 00:00:00 2001
From: Stas Vilchik <vilchiks@gmail.com>
Date: Tue, 1 Dec 2015 14:53:24 +0100
Subject: [PATCH] improve display of leak period label on the detailed overview
 pages

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

diff --git a/server/sonar-web/src/main/js/apps/overview/main/components.js b/server/sonar-web/src/main/js/apps/overview/main/components.js
index 33f802d61a4..e4207753ee2 100644
--- a/server/sonar-web/src/main/js/apps/overview/main/components.js
+++ b/server/sonar-web/src/main/js/apps/overview/main/components.js
@@ -34,7 +34,7 @@ export const DomainTitle = React.createClass({
 
 export const DomainLeakTitle = React.createClass({
   renderInline (tooltip, fromNow) {
-    return <span title={tooltip} data-toggle="tooltip">
+    return <span className="overview-domain-leak-title" title={tooltip} data-toggle="tooltip">
       <span>{window.tp('overview.leak_period_x', this.props.label)}</span>
       <span className="note spacer-left">{window.tp('overview.started_x', fromNow)}</span>
     </span>;
@@ -50,7 +50,7 @@ export const DomainLeakTitle = React.createClass({
     if (this.props.inline) {
       return this.renderInline(tooltip, fromNow);
     }
-    return <span title={tooltip} data-toggle="tooltip">
+    return <span className="overview-domain-leak-title" title={tooltip} data-toggle="tooltip">
       <span>{window.tp('overview.leak_period_x', this.props.label)}</span>
       <br/>
       <span className="note">{window.tp('overview.started_x', fromNow)}</span>
diff --git a/server/sonar-web/src/main/less/pages/overview.less b/server/sonar-web/src/main/less/pages/overview.less
index 3f616043e1f..1d047e74c4b 100644
--- a/server/sonar-web/src/main/less/pages/overview.less
+++ b/server/sonar-web/src/main/less/pages/overview.less
@@ -240,6 +240,11 @@
 .overview-detailed-page {
   flex: 1;
   animation: fadeIn 0.5s forwards;
+
+  .overview-domain-leak-title {
+    padding: 0 10px;
+    background: #fffae7;
+  }
 }
 
 .overview-detailed-measures-list {
-- 
2.39.5