From c08cb2703d9eb1d2e47fd4ab02793bf536035d60 Mon Sep 17 00:00:00 2001
From: Stas Vilchik <vilchiks@gmail.com>
Date: Thu, 3 Dec 2015 17:47:18 +0100
Subject: improve position of axis labels on bubble charts on the overview page

---
 .../src/main/js/apps/overview/components/domain-bubble-chart.js   | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/overview/components/domain-bubble-chart.js b/server/sonar-web/src/main/js/apps/overview/components/domain-bubble-chart.js
index b1905b695c4..79245a21e91 100644
--- a/server/sonar-web/src/main/js/apps/overview/components/domain-bubble-chart.js
+++ b/server/sonar-web/src/main/js/apps/overview/components/domain-bubble-chart.js
@@ -116,13 +116,17 @@ export class DomainBubbleChart extends React.Component {
       <div className="overview-card-header">
         <h2 className="overview-title">{window.t('overview.chart.files')}</h2>
         <ul className="list-inline small">
-          <li>X: {this.state.xMetric.name}</li>
-          <li>Y: {this.state.yMetric.name}</li>
           <li>Size: {this.getSizeMetricsTitle()}</li>
         </ul>
       </div>
       <div className="overview-bubble-chart">
+        <div className="note" style={{ position: 'relative', top: '10px', left: '10px' }}>
+          Y: {this.state.yMetric.name}
+        </div>
         {this.renderBubbleChart()}
+        <div className="note text-right" style={{ position: 'relative', top: '-10px', left: '-10px' }}>
+          X: {this.state.xMetric.name}
+        </div>
       </div>
     </div>;
   }
-- 
cgit v1.2.3