From 4724f8871718173709089ddbb91180892cb12777 Mon Sep 17 00:00:00 2001
From: stanislavh <stanislav.honcharov@sonarsource.com>
Date: Thu, 12 Oct 2023 16:13:35 +0200
Subject: [PATCH] SONAR-20366 Fix spacing between content and title in QP
 details

---
 .../js/apps/quality-profiles/changelog/ChangelogContainer.tsx | 2 +-
 .../main/js/apps/quality-profiles/details/ProfileDetails.tsx  | 2 +-
 .../sonar-web/src/main/js/components/ui/AdminPageHeader.tsx   | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

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 b78462000cc..8abc267c5e4 100644
--- 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 14f69388436..d4f4a78ccef 100644
--- 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 222f14dc6b2..18680cb9f73 100644
--- 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>
         )}
-- 
2.39.5