Various spacing adjustments

Author: fzaninotto

packages/ra-ui-materialui/src/button/SortButton.tsx

@@ -103,6 +103,7 @@ const SortButton = (props: SortButtonProps) => {
                     startIcon={icon}
                     endIcon={<ArrowDropDownIcon />}
                     size="small"
+                    sx={{ '& .MuiButton-endIcon': { ml: 0 } }}
                 >
                     {buttonLabel}
                 </Button>

packages/ra-ui-materialui/src/layout/Layout.tsx

@@ -127,11 +127,9 @@ const StyledLayout = styled('div', {
         flexDirection: 'column',
         flexGrow: 1,
         flexBasis: 0,
-        padding: theme.spacing(3),
-        paddingTop: theme.spacing(1),
-        paddingLeft: 0,
         [theme.breakpoints.up('xs')]: {
-            paddingLeft: 5,
+            paddingRight: theme.spacing(2),
+            paddingLeft: theme.spacing(1),
         },
         [theme.breakpoints.down('md')]: {
             padding: 0,

packages/ra-ui-materialui/src/layout/TopToolbar.tsx

@@ -21,6 +21,7 @@ const StyledToolbar = styled(Toolbar, {
     justifyContent: 'flex-end',
     alignItems: 'flex-end',
     paddingBottom: theme.spacing(1),
+    gap: theme.spacing(1),
     [theme.breakpoints.up('sm')]: {
         minHeight: theme.spacing(6),
     },

packages/ra-ui-materialui/src/list/BulkActionsToolbar.tsx

@@ -143,7 +143,6 @@ const Root = styled('div', {
     [`& .${BulkActionsToolbarClasses.topToolbar}`]: {
         paddingBottom: 0,
         minHeight: 'auto',
-        gap: theme.spacing(1),
     },
 
     [`& .${BulkActionsToolbarClasses.buttons}`]: {},