SONAR-19157 Fix "after merge" text appearence

diff --git a/server/sonar-web/src/main/js/apps/overview/branches/MeasuresPanelPercentMeasure.tsx b/server/sonar-web/src/main/js/apps/overview/branches/MeasuresPanelPercentMeasure.tsx
index cf7c7a1e2f1f1286a22aef8a3063d9876ae8447f..5cf3f1055a56334937a6cd11a021a6d3d79293d5 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/branches/MeasuresPanelPercentMeasure.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/branches/MeasuresPanelPercentMeasure.tsx
@@ -126,15 +126,13 @@ export default function MeasuresPanelPercentMeasure(props: Props) {
         )}
 
         {isPullRequest(branchLike) && (
-          <>
-            <GreySeparator className="sw-mt-4" />
-            <div className="sw-body-md sw-flex sw-items-center sw-mt-4">
-              <AfterMergeEstimate measures={measures} type={type} />
-              <LightLabel className="sw-ml-2">
-                {translate('component_measures.facet_category.overall_category.estimated')}
-              </LightLabel>
-            </div>
-          </>
+          <div className="sw-body-sm sw-flex sw-items-center sw-mt-4">
+            <AfterMergeEstimate measures={measures} type={type} />
+
+            <LightLabel className="sw-ml-2">
+              {translate('component_measures.facet_category.overall_category.estimated')}
+            </LightLabel>
+          </div>
         )}
       </>
     </MeasuresPanelCard>

diff --git a/server/sonar-web/src/main/js/apps/overview/pullRequests/AfterMergeEstimate.tsx b/server/sonar-web/src/main/js/apps/overview/pullRequests/AfterMergeEstimate.tsx
index fa91067a93d3b742b0a4b3e780e084155313dfdd..d50b13b46305c50896d649bbb16bd1d6ddaf19c8 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/pullRequests/AfterMergeEstimate.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/pullRequests/AfterMergeEstimate.tsx
@@ -42,7 +42,7 @@ export function AfterMergeEstimate({ className, measures, type }: AfterMergeEsti
 
   return (
     <div className={classNames(className, 'sw-flex sw-items-center')}>
-      <LightPrimary className="sw-heading-lg">
+      <LightPrimary className="sw-body-sm-highlight">
         {formatMeasure(measure.value, MetricType.Percent)}
       </LightPrimary>
     </div>