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