Estoy haciendo un proyecto basado en React Admin, y tengo mi propio componente DeleteButton que usa la exportación DeleteButton de React Admin ( https://marmelab.com/react-admin/Buttons.html#deletebutton ) con algunos estilos aplicados.

Para mi DeleteButton, opté por deshacerme del ícono al pasar icon={<></>} como accesorio. Esto funciona, pero el texto/etiqueta en el botón tiene un relleno izquierdo de 0,5 em y hace que se vea un poco extraño.

Actualmente se ve así.

Tenía la esperanza de proporcionar un estilo que apunte a la etiqueta y elimine el relleno izquierdo, pero hasta ahora no he podido resolverlo, y me preguntaba si alguien podría ayudarme con eso.

He intentado proporcionar algunas cosas como apoyo de classes :

 const useDeleteButtonStyles = makeStyles({label: {leftPadding: 0}}); const useDeleteButtonStyles = makeStyles({MuiButton: {label: {leftPadding: 0}}}); const useDeleteButtonStyles = makeStyles({RaButton: {label: {leftPadding: 0}}}); const deleteButtonClasses = deleteButtonStyles(); <DeleteButton icon={<></>} classes={deleteButtonClasses} />

Pero hasta ahora, ninguno de ellos ha tenido ningún efecto. Vi que también había una propiedad labelRightIcon , pero no cambié la posición del ícono en mi DeleteButton, así que creo que debería ser la propiedad de label normal.

Descubrí que pasar esas clases funciona en un React Admin Button regular, simplemente no parece funcionar en las acciones específicas.

La única forma en que logré presionarlo es con una adición global al tema que apunta a RaButton.label , pero que elimina el relleno de TODOS los botones, incluidos los que quiero mantener el relleno porque tienen íconos.

No estoy seguro de si asumí incorrectamente que también puedo usar classes en las de acción como DeleteButton o si simplemente lo estoy haciendo incorrectamente, pero si alguien puede proporcionar alguna información, realmente lo agradecería.

¡Gracias!