diff --git a/src/components/Newsletter/ImagePicker/ImagePicker.tsx b/src/components/Newsletter/ImagePicker/ImagePicker.tsx index 0c6fb9d700b3833bd0b01458b765522a146ad1d0..b42b8896f993830513c04c4a3a9cf2a36f83f275 100644 --- a/src/components/Newsletter/ImagePicker/ImagePicker.tsx +++ b/src/components/Newsletter/ImagePicker/ImagePicker.tsx @@ -98,18 +98,21 @@ const ImagePicker: React.FC<ImagePickerProps> = ({ /> ))} </div> - <div className="footer"> - <Pagination - count={pageCount} - siblingCount={0} - onChange={(_e, page) => handleChangePage(page)} - /> - <div className="buttons"> - <Button variant="outlined" onClick={() => setOpenModal(false)}> - Annuler - </Button> - <Button onClick={handleValidateImage}>Valider</Button> - </div> + <Pagination + count={pageCount} + siblingCount={0} + onChange={(_e, page) => handleChangePage(page)} + style={{ + display: 'flex', + justifyContent: 'center', + marginTop: '1rem', + }} + /> + <div className="buttons"> + <Button variant="outlined" onClick={() => setOpenModal(false)}> + Annuler + </Button> + <Button onClick={handleValidateImage}>Valider</Button> </div> </Dialog> </> diff --git a/src/components/Newsletter/ImagePicker/imagePicker.scss b/src/components/Newsletter/ImagePicker/imagePicker.scss index d831ef10abcede991f3b82fb6104ee87d8e43a91..60c9acff8409e4889f0c08e7a31baddbdb26142a 100644 --- a/src/components/Newsletter/ImagePicker/imagePicker.scss +++ b/src/components/Newsletter/ImagePicker/imagePicker.scss @@ -13,6 +13,7 @@ } } .ecogesture-image { + cursor: pointer; display: block; box-sizing: border-box; border: solid 1px transparent; diff --git a/src/components/UI/theme.ts b/src/components/UI/theme.ts index 352651f531ddab325cd091b2d588cf0779259a23..f605e03675953e20de8f1b939b0f6d94ff7a3357 100644 --- a/src/components/UI/theme.ts +++ b/src/components/UI/theme.ts @@ -46,6 +46,7 @@ export const theme = createTheme({ styleOverrides: { paper: { padding: '1rem', + maxWidth: '700px', }, }, },