SONAR-20366 Fix spacing between content and title in QP details

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogContainer.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogContainer.tsx
index b78462000cca55c738236143a45f926ab58725e0..8abc267c5e49e5329985ec58c71e71a432d8bef9 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogContainer.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/changelog/ChangelogContainer.tsx
@@ -137,7 +137,7 @@ class ChangelogContainer extends React.PureComponent<Props, State> {
       this.state.events.length < this.state.total;
 
     return (
-      <div>
+      <div className="sw-mt-4">
         <div className="sw-mb-2 sw-flex sw-gap-4 sw-items-center">
           <ChangelogSearch
             dateRange={{

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileDetails.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileDetails.tsx
index 14f69388436cd00cd20212b5a39ec96e4352fed7..d4f4a78ccefb287da319822f0bde1ab52a618aa9 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileDetails.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileDetails.tsx
@@ -41,7 +41,7 @@ function ProfileDetails(props: ProfileDetailsProps) {
 
   return (
     <ContentWrapper>
-      <div className="sw-grid sw-grid-cols-3 sw-gap-12">
+      <div className="sw-grid sw-grid-cols-3 sw-gap-12 sw-mt-12">
         <div className="sw-col-span-2 sw-flex sw-flex-col sw-gap-12">
           {profile.activeRuleCount === 0 && (profile.projectCount || profile.isDefault) && (
             <FlagMessage variant="warning">

diff --git a/server/sonar-web/src/main/js/components/ui/AdminPageHeader.tsx b/server/sonar-web/src/main/js/components/ui/AdminPageHeader.tsx
index 222f14dc6b23dceace427fa7faa3e6477931119e..18680cb9f73424a4b419decbde73342649c62e16 100644 (file)
--- a/server/sonar-web/src/main/js/components/ui/AdminPageHeader.tsx
+++ b/server/sonar-web/src/main/js/components/ui/AdminPageHeader.tsx
@@ -34,9 +34,9 @@ export function AdminPageHeader({ children, className, description, title }: Rea
   return (
     <div className={classNames('sw-flex sw-justify-between', className)}>
       <header className="sw-flex-1">
-        <AdminPageTitle className="sw-heading-lg sw-pb-4">{title}</AdminPageTitle>
+        <AdminPageTitle className="sw-heading-lg">{title}</AdminPageTitle>
         {description && (
-          <AdminPageDescription className="sw-body-sm sw-pb-12 sw-max-w-9/12">
+          <AdminPageDescription className="sw-body-sm sw-pt-4 sw-max-w-9/12">
             {description}
           </AdminPageDescription>
         )}