From 08440c183adc9309004444d879767e1492654350 Mon Sep 17 00:00:00 2001
From: Carrotzpc <zhang.pc3@gmail.com>
Date: Thu, 11 Jul 2024 17:57:37 +0800
Subject: [PATCH] fix(ProCard): change margin bottom for title

---
 src/ProCard/Header/index.tsx | 4 ++--
 src/ProCard/Header/style.ts  | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/ProCard/Header/index.tsx b/src/ProCard/Header/index.tsx
index f8866c3..bad7b18 100644
--- a/src/ProCard/Header/index.tsx
+++ b/src/ProCard/Header/index.tsx
@@ -42,8 +42,8 @@ export const ProCardHeader: React.FC<ProCardHeaderProps> = props => {
           />
         </Flex>
       )}
-      <Flex className={styles.titleBox} flex="1" vertical>
-        <Flex gap={4}>
+      <Flex flex="1" vertical>
+        <Flex className={styles.titleBox} gap={4}>
           <div className={styles.title}>{title}</div>
           {extra && (
             <Flex
diff --git a/src/ProCard/Header/style.ts b/src/ProCard/Header/style.ts
index 167b512..6d3f709 100644
--- a/src/ProCard/Header/style.ts
+++ b/src/ProCard/Header/style.ts
@@ -30,6 +30,7 @@ export const useStyles = createStyles(
       `,
       titleBox: css`
         margin-right: 4px;
+        margin-bottom: ${token.marginXXS}px;
       `,
       title: css`
         overflow: hidden;
@@ -37,7 +38,6 @@ export const useStyles = createStyles(
         flex: 1;
 
         width: 100px;
-        margin-bottom: ${token.marginXS}px;
 
         font-size: 16px;
         font-weight: ${token.fontWeightStrong};
@@ -45,6 +45,7 @@ export const useStyles = createStyles(
         white-space: nowrap;
       `,
       description: css`
+        margin-right: 4px;
         &.${prefixCls}-typography {
           margin-bottom: 0 !important;
           font-size: 12px;