SONAR-8393 display size rating on project page

2 files changed, 6 insertions, 2 deletions

diff --git a/server/sonar-web/src/main/js/apps/overview/meta/MetaSize.js b/server/sonar-web/src/main/js/apps/overview/meta/MetaSize.js
index 8717d86e587..e1c09abf572 100644
--- a/server/sonar-web/src/main/js/apps/overview/meta/MetaSize.js
+++ b/server/sonar-web/src/main/js/apps/overview/meta/MetaSize.js
@@ -22,6 +22,7 @@ import { DrilldownLink } from '../../../components/shared/drilldown-link';
 import LanguageDistribution from '../../../components/charts/LanguageDistribution';
 import { formatMeasure } from '../../../helpers/measures';
 import { getMetricName } from '../helpers/metrics';
+import SizeRating from '../../../components/ui/SizeRating';
 
 export default class MetaSize extends React.Component {
   static propTypes = {
@@ -42,6 +43,9 @@ export default class MetaSize extends React.Component {
     return (
         <div id="overview-size" className="overview-meta-card">
           <div id="overview-ncloc" className="overview-meta-size-ncloc">
+            <span className="spacer-right">
+              <SizeRating value={ncloc.value}/>
+            </span>
             <DrilldownLink component={this.props.component.key} metric="ncloc">
               {formatMeasure(ncloc.value, 'SHORT_INT')}
             </DrilldownLink>
diff --git a/server/sonar-web/src/main/js/apps/overview/styles.css b/server/sonar-web/src/main/js/apps/overview/styles.css
index 7bf16ff1941..ad20bb215a1 100644
--- a/server/sonar-web/src/main/js/apps/overview/styles.css
+++ b/server/sonar-web/src/main/js/apps/overview/styles.css
@@ -319,8 +319,8 @@
 }
 
 .overview-meta-size-ncloc a {
-  line-height: 1;
-  font-size: 24px;
+  line-height: 24px;
+  font-size: 18px;
   font-weight: 300;
 }