SONAR-12203 Adjust hotspots font size to match other metrics

diff --git a/server/sonar-web/src/main/js/apps/overview/main/VulnerabilitiesAndHotspots.tsx b/server/sonar-web/src/main/js/apps/overview/main/VulnerabilitiesAndHotspots.tsx
index 3fd1e96db201a60dfe4ee820240aa4ee46a164d4..2802b7796d8e737892bae7bd15871452ae692f48 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/main/VulnerabilitiesAndHotspots.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/main/VulnerabilitiesAndHotspots.tsx
@@ -55,7 +55,7 @@ export class VulnerabiltiesAndHotspots extends React.PureComponent<ComposedProps
             </div>
           </div>
           <div className="overview-domain-measure">
-            <div className="overview-domain-measure-value overview-domain-measure-value-small">
+            <div className="overview-domain-measure-value">
               <span>{this.props.renderIssues('new_security_hotspots', 'SECURITY_HOTSPOT')}</span>
             </div>
             <div className="overview-domain-measure-label">
@@ -91,7 +91,7 @@ export class VulnerabiltiesAndHotspots extends React.PureComponent<ComposedProps
             {this.props.renderHistoryLink('vulnerabilities')}
           </div>
           <div className="overview-domain-measure">
-            <div className="overview-domain-measure-value overview-domain-measure-value-small">
+            <div className="overview-domain-measure-value">
               {this.props.renderIssues('security_hotspots', 'SECURITY_HOTSPOT')}
             </div>
             <div className="overview-domain-measure-label display-flex-center display-flex-justify-center">

diff --git a/server/sonar-web/src/main/js/apps/overview/pullRequests/ReviewApp.tsx b/server/sonar-web/src/main/js/apps/overview/pullRequests/ReviewApp.tsx
index 11905e375a1b1f5bae40bf9409e7a7e80d635b27..2c197bed7d22434951f56c00c4f6a725f2129560 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/pullRequests/ReviewApp.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/pullRequests/ReviewApp.tsx
@@ -190,7 +190,7 @@ export class ReviewApp extends React.PureComponent<Props, State> {
                     <div className="pr-overview-measurements-value flex-1 small display-flex-center">
                       <IssueLabel
                         branchLike={branchLike}
-                        className="huge"
+                        className="overview-domain-measure-value"
                         component={component}
                         docTooltip={import(/* webpackMode: "eager" */ 'Docs/tooltips/metrics/security-hotspots.md')}
                         measures={measures}

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 d5a0d0698c88b7f3175984d0939a4a300df7cc38..438648e9c3d0f5ddac703784be71617b149b4a01 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/styles.css
+++ b/server/sonar-web/src/main/js/apps/overview/styles.css
@@ -243,11 +243,6 @@
   white-space: nowrap;
 }
 
-.overview-domain-measure-value-small {
-  font-size: var(--hugeFontSize);
-  margin-top: 12px;
-}
-
 .overview-domain-secondary-measure-value {
   line-height: 1;
   font-size: 20px;