@applica-software-guru/react-admin 1.4.191 → 1.4.192

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applica-software-guru/react-admin",
-  "version": "1.4.191",
+  "version": "1.4.192",
   "private": false,
   "repository": {
     "type": "git",

package/src/components/ra-buttons/CreateInDialogButton.tsx

@@ -153,6 +153,7 @@ export type CreateInDialogButtonProps = {
   scrollToTop?: boolean;
   className?: string;
   sx?: SxProps;
+  style?: React.CSSProperties;
   children: React.ReactElement;
   /**
    * If set to false, the button will always render as a regular button, regardless of the screen size.
@@ -175,6 +176,7 @@ export function CreateInDialogButton({
   scrollToTop = true,
   className,
   sx,
+  style,
   fab = true,
   onSubmit,
   onSuccess,
@@ -204,14 +206,21 @@ export function CreateInDialogButton({
           <PlusCircleOutlined />
         </StyledFab>
       ) : (
-        <Button {...props} sx={sx} label={label} onClick={handleOpen}>
+        <Button {...props} sx={sx} label={label} onClick={handleOpen} style={style}>
           <PlusCircleOutlined />
         </Button>
       )}
       <Dialog
         open={open}
         scroll="body"
-        sx={{ '& .MuiToolbar-root': { position: 'initial' } }}
+        sx={{
+          '& .MuiToolbar-root': {
+            position: 'initial',
+            paddingLeft: 2.5,
+            paddingRight: 2.5,
+            paddingBottom: 2.5,
+          }
+        }}
         onClose={handleClose}
         fullWidth={fullWidth}
         maxWidth={maxWidth}

package/src/components/ra-buttons/EditInDialogButton.tsx

@@ -72,12 +72,14 @@ export type EditInDialogButtonProps = {
   maxWidth?: false | Breakpoint | undefined;
   label?: string;
   children: React.ReactElement;
+  style?: React.CSSProperties;
 };
 
 export function EditInDialogButton({
   fullWidth = true,
   maxWidth = 'md',
   label = 'ra.action.edit',
+  style,
   ...props
 }: EditInDialogButtonProps): JSX.Element {
   const [open, setOpen] = useState(false);
@@ -88,7 +90,7 @@ export function EditInDialogButton({
 
   return (
     <>
-      <Button label={label} onClick={handleOpen}>
+      <Button label={label} onClick={handleOpen} style={style}>
         <Edit />
       </Button>
       <Dialog
@@ -96,7 +98,10 @@ export function EditInDialogButton({
         scroll="body"
         sx={{
           '& .MuiToolbar-root': {
-            position: 'initial'
+            position: 'initial',
+            paddingLeft: 2.5,
+            paddingRight: 2.5,
+            paddingBottom: 2.5,
           }
         }}
         onClose={handleClose}