SONAR-18356 Visual heading text is not marked as heading

5 files changed, 13 insertions, 15 deletions

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionDeprecated.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionDeprecated.tsx
index 7a507244382..71f6f0b38e4 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionDeprecated.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionDeprecated.tsx
@@ -107,9 +107,7 @@ export default class EvolutionDeprecated extends React.PureComponent<Props> {
 
     return (
       <div className="boxed-group boxed-group-inner quality-profiles-evolution-deprecated">
-        <div className="spacer-bottom">
-          <strong>{translate('quality_profiles.deprecated_rules')}</strong>
-        </div>
+        <h2 className="h4 spacer-bottom">{translate('quality_profiles.deprecated_rules')}</h2>
         <div className="spacer-bottom">
           {translateWithParameters(
             'quality_profiles.deprecated_rules_are_still_activated',
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionRules.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionRules.tsx
index 82edf68b939..369672147cc 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionRules.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionRules.tsx
@@ -107,9 +107,7 @@ export default class EvolutionRules extends React.PureComponent<{}, State> {
 
     return (
       <div className="boxed-group boxed-group-inner quality-profiles-evolution-rules">
-        <div className="clearfix">
-          <strong className="pull-left">{newRulesTitle}</strong>
-        </div>
+        <h2 className="h4 spacer-bottom">{newRulesTitle}</h2>
         <ul>
           {latestRules.map((rule) => (
             <li className="spacer-top" key={rule.key}>
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionStagnant.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionStagnant.tsx
index 22952888f1c..0aeceff15a6 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionStagnant.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionStagnant.tsx
@@ -37,9 +37,7 @@ export default function EvolutionStagnant(props: Props) {
 
   return (
     <div className="boxed-group boxed-group-inner quality-profiles-evolution-stagnant">
-      <div className="spacer-bottom">
-        <strong>{translate('quality_profiles.stagnant_profiles')}</strong>
-      </div>
+      <h2 className="h4 spacer-bottom">{translate('quality_profiles.stagnant_profiles')}</h2>
       <div className="spacer-bottom">
         {translate('quality_profiles.not_updated_more_than_year')}
       </div>
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/__tests__/__snapshots__/EvolutionDeprecated-test.tsx.snap b/server/sonar-web/src/main/js/apps/quality-profiles/home/__tests__/__snapshots__/EvolutionDeprecated-test.tsx.snap
index 27d0d2a0d5f..3fb130a5d83 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/__tests__/__snapshots__/EvolutionDeprecated-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/__tests__/__snapshots__/EvolutionDeprecated-test.tsx.snap
@@ -4,13 +4,11 @@ exports[`should render correctly 1`] = `
 <div
   className="boxed-group boxed-group-inner quality-profiles-evolution-deprecated"
 >
-  <div
-    className="spacer-bottom"
+  <h2
+    className="h4 spacer-bottom"
   >
-    <strong>
-      quality_profiles.deprecated_rules
-    </strong>
-  </div>
+    quality_profiles.deprecated_rules
+  </h2>
   <div
     className="spacer-bottom"
   >
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/styles.css b/server/sonar-web/src/main/js/apps/quality-profiles/styles.css
index 7f17b819221..3b7c844023f 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/styles.css
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/styles.css
@@ -93,6 +93,12 @@
   background-color: var(--alertBackgroundWarning);
 }
 
+.quality-profiles-evolution-deprecated h2,
+.quality-profiles-evolution-stagnant h2,
+.quality-profiles-evolution-rules h2 {
+  padding: 0;
+}
+
 .quality-profile-comparison-table {
   table-layout: fixed;
 }