fix style add custom column (#2287)

Signed-off-by: TOURI ANIS <anis-1.touri@rte-france.com>
gridsuite · Oct 2, 2024 · d2ef17e · d2ef17e
1 parent 8b23451
commit d2ef17e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/components/spreadsheet/custom-columns/custom-columns-config.tsx b/src/components/spreadsheet/custom-columns/custom-columns-config.tsx
@@ -6,7 +6,7 @@
  */
 
 import { FormattedMessage } from 'react-intl';
-import { Badge, Button } from '@mui/material';
+import { Badge, IconButton } from '@mui/material';
 import { Calculate as CalculateIcon } from '@mui/icons-material';
 import { useSelector } from 'react-redux';
 import { TABLES_NAMES } from '../utils/config-tables';
@@ -26,8 +26,10 @@ export default function CustomColumnsConfig({ indexTab }: Readonly<CustomColumns
 
     return (
         <>
-            <Button color="inherit" onClick={dialogOpen.setTrue}>
+            <span>
                 <FormattedMessage id="spreadsheet/custom_column/main_button" />
+            </span>
+            <IconButton aria-label="dialog" onClick={dialogOpen.setTrue}>
                 <Badge
                     color="secondary"
                     anchorOrigin={{
@@ -38,7 +40,8 @@ export default function CustomColumnsConfig({ indexTab }: Readonly<CustomColumns
                 >
                     <CalculateIcon />
                 </Badge>
-            </Button>
+            </IconButton>
+
             <CustomColumnDialog
                 indexTab={indexTab}
                 open={dialogOpen}

diff --git a/src/components/spreadsheet/table-wrapper.jsx b/src/components/spreadsheet/table-wrapper.jsx
@@ -1132,7 +1132,7 @@ const TableWrapper = (props) => {
                         />
                     </Grid>
                     {developerMode && (
-                        <Grid item>
+                        <Grid item sx={{ marginLeft: '15px' }}>
                             <CustomColumnsConfig indexTab={tabIndex} />
                         </Grid>
                     )}