fix: title bo margin bottom

ReseauEntourage · Oct 15, 2024 · 84ce62e · 84ce62e
1 parent 9820f08
commit 84ce62e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/components/backoffice/dashboard/Dashboard.styles.tsx b/src/components/backoffice/dashboard/Dashboard.styles.tsx
@@ -27,6 +27,9 @@ export const StyledDashboardRightColumn = styled.div`
 
 export const StyledDashboardTitleContainer = styled.div`
   padding-bottom: 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
 `;
 
 export const StyledDashboardCardContentContainer = styled.div`

diff --git a/...ts/backoffice/dashboard/DashboardMessagingConversation/DashboardMessagingConversation.tsx b/...ts/backoffice/dashboard/DashboardMessagingConversation/DashboardMessagingConversation.tsx
@@ -27,7 +27,7 @@ export const DashboardMessagingConversation = () => {
   };
 
   return (
-    <Card title="Mes derniers messages">
+    <Card title="Mes derniers messages" centerTitle>
       <CardContent>
         <ConversationList>
           {conversations &&

diff --git a/src/components/headers/HeaderBackoffice/HeaderBackoffice.tsx b/src/components/headers/HeaderBackoffice/HeaderBackoffice.tsx
@@ -30,7 +30,7 @@ export const HeaderBackoffice = ({
         eachWidths={['expand@m', 'auto@m']}
       >
         <div>
-          <h2 className="uk-text-bold">{title}</h2>
+          <h2 className="uk-text-bold uk-margin-small-bottom">{title}</h2>
           <p className="uk-text-lead">{description}</p>
         </div>
         <div>{children}</div>