From 584a58c58c1156d1165dbe51dc2469e3d3088121 Mon Sep 17 00:00:00 2001
From: JF-Cozy <julien.ficheux@cozycloud.cc>
Date: Wed, 18 Jan 2023 12:18:56 +0100
Subject: [PATCH] fix(IllustrationDialog): The title was not centered properly

it is now, no matter if there is a back or close button
---
 react/CozyDialogs/IllustrationDialog.jsx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/react/CozyDialogs/IllustrationDialog.jsx b/react/CozyDialogs/IllustrationDialog.jsx
index fac414be9f..a35cb3f195 100644
--- a/react/CozyDialogs/IllustrationDialog.jsx
+++ b/react/CozyDialogs/IllustrationDialog.jsx
@@ -17,7 +17,11 @@ const IllustrationDialog = props => {
     fullScreen,
     dialogActionsProps,
     dialogContentProps
-  } = useCozyDialog({ ...props, isFluidTitle: true })
+  } = useCozyDialog({
+    ...props,
+    isFluidTitle: true,
+    disableTitleAutoPadding: true
+  })
 
   const onBackOrClose = onBack || onClose
 
@@ -44,9 +48,17 @@ const IllustrationDialog = props => {
       <DialogContent {...dialogContentProps}>
         <div className="dialogContentInner withFluidActions">
           {title && (
-            <DialogTitle {...dialogTitleProps}>
-              <div className="u-flex u-flex-justify-center">{title}</div>
-            </DialogTitle>
+            <div className="dialogTitleFluidContainer">
+              <DialogTitle
+                {...dialogTitleProps}
+                className={cx(
+                  `u-flex u-flex-justify-center`,
+                  dialogTitleProps.className
+                )}
+              >
+                {title}
+              </DialogTitle>
+            </div>
           )}
           <div
             className={cx('dialogContentWrapper', {