SONAR-20366 Fix quality profile changelog text & Profile header UI

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogSearch.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogSearch.tsx
index 8fcec92577bb46087940e577e419f4143d2b0f24..5d1fa0691948a9f11cb497a3771bd8a03534dcd4 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogSearch.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogSearch.tsx
@@ -38,7 +38,7 @@ export default function ChangelogSearch(props: ChangelogSearchProps) {
         clearButtonLabel={intl.formatMessage({ id: 'clear' })}
         fromLabel={intl.formatMessage({ id: 'start_date' })}
         inputSize="small"
-        separatorText={intl.formatMessage({ id: 'to' })}
+        separatorText={intl.formatMessage({ id: 'to_' })}
         toLabel={intl.formatMessage({ id: 'end_date' })}
         onChange={props.onDateRangeChange}
         value={dateRange}

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx
index ee7041557f59367c295b22516b8b882d18f1fb8b..02c99b1229597378f9fbdd6a6329a3af5a767ea8 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx
@@ -17,7 +17,7 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
-import { Badge, Breadcrumbs, HoverLink, Link } from 'design-system';
+import { Badge, Breadcrumbs, HoverLink, Link, PageContentFontWrapper } from 'design-system';
 import * as React from 'react';
 import { Helmet } from 'react-helmet-async';
 import { useLocation } from '../../../components/hoc/withRouter';
@@ -80,17 +80,15 @@ export default function ProfileHeader(props: Props) {
       >
         <div className="sw-flex sw-items-center sw-gap-3 sw-self-start">
           {!isProfileComparePath(location.pathname) && (
-            <>
+            <PageContentFontWrapper className="sw-body-sm sw-flex sw-gap-3">
               <div>
-                <strong className="sw-body-sm-highlight">
+                <span className="sw-body-sm-highlight">
                   {translate('quality_profiles.updated_')}
-                </strong>{' '}
+                </span>{' '}
                 <DateFromNow date={profile.rulesUpdatedAt} />
               </div>
               <div>
-                <strong className="sw-body-sm-highlight">
-                  {translate('quality_profiles.used_')}
-                </strong>{' '}
+                <span className="sw-body-sm-highlight">{translate('quality_profiles.used_')}</span>{' '}
                 <DateFromNow date={profile.lastUsed} />
               </div>
 
@@ -104,7 +102,7 @@ export default function ProfileHeader(props: Props) {
                   </Link>
                 </div>
               )}
-            </>
+            </PageContentFontWrapper>
           )}
 
           <ProfileActions