fix(CozyDialogs): Divider for small dialog wasn't fullwidth

Author: JF-Cozy

react/CozyDialogs/Dialog.jsx

@@ -16,6 +16,7 @@ const Dialog = props => {
     dialogTitleProps,
     fullScreen,
     id,
+    dividerProps,
     dialogActionsProps,
     dialogContentProps
   } = useCozyDialog(props)
@@ -45,7 +46,7 @@ const Dialog = props => {
       {title && (
         <>
           <DialogTitle {...dialogTitleProps}>{title}</DialogTitle>
-          <Divider />
+          <Divider {...dividerProps} />
         </>
       )}
       <DialogContent {...dialogContentProps}>

react/CozyDialogs/FixedActionsDialog.jsx

@@ -16,6 +16,7 @@ const FixedActionsDialog = props => {
     dialogTitleProps,
     fullScreen,
     id,
+    dividerProps,
     dialogActionsProps,
     dialogContentProps
   } = useCozyDialog({ ...props, isFluidTitle: true })
@@ -52,7 +53,7 @@ const FixedActionsDialog = props => {
           {content}
         </div>
       </DialogContent>
-      <Divider />
+      <Divider {...dividerProps} />
       {actions && (
         <DialogActions
           {...dialogActionsProps}

react/CozyDialogs/FixedDialog.jsx

@@ -16,6 +16,7 @@ const FixedDialog = props => {
     dialogTitleProps,
     fullScreen,
     id,
+    dividerProps,
     dialogActionsProps,
     dialogContentProps
   } = useCozyDialog(props)
@@ -45,7 +46,7 @@ const FixedDialog = props => {
       {title && (
         <>
           <DialogTitle {...dialogTitleProps}>{title}</DialogTitle>
-          <Divider />
+          <Divider {...dividerProps} />
         </>
       )}
       <DialogContent {...dialogContentProps}>

react/MuiCozyTheme/overrides/makeLightNormalOverrides.js

@@ -416,7 +416,11 @@ export const makeLightNormalOverrides = theme => ({
           padding: '0 8px 8px',
           height: 'auto',
           maxHeight: 'calc(100% - 32px)',
-          borderRadius: '6px'
+          borderRadius: '6px',
+          '& .divider--dialog': {
+            marginLeft: '-8px',
+            marginRight: '-8px'
+          }
         }
       },
       '&.medium': {