diff --git a/packages/sn-editor-react/src/components/controls/accordion-control.tsx b/packages/sn-editor-react/src/components/controls/accordion-control.tsx index bf0d885e6..319de7a1c 100644 --- a/packages/sn-editor-react/src/components/controls/accordion-control.tsx +++ b/packages/sn-editor-react/src/components/controls/accordion-control.tsx @@ -24,12 +24,25 @@ const useStyles = makeStyles((theme: Theme) => { return createStyles({ ListIcon: { paddingLeft: '0px', - '& .down-arrow': { - position: 'absolute', - right: '0', - marginRight: '-6px', - top: '0', - marginTop: '3px', + height: '32px', + '& .MuiIconButton-label': { + flexDirection: 'column', + height: 'inherit', + justifyContent: 'center', + '& .icon-container': { + '&:first-of-type': { + marginBottom: '-14px', + }, + height: '23px', + position: 'relative', + '& .down-arrow': { + top: '0', + right: '0', + position: 'absolute', + marginTop: '0px', + marginRight: '-13px', + }, + }, }, }, accordion: { @@ -158,8 +171,14 @@ export const AccordionControl: FC = ({ buttonProps, edito <> - - +
+ + +
+
+ + +
= ({ editor }) => {
- {/* - - editor.chain().focus().setYoutubeVideo({ src: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ' }).run() - } - color={editor.isActive('bold') ? 'primary' : 'default'} - classes={{ root: classes.button, colorPrimary: classes.buttonPrimary }}> - B - - */} editor.chain().focus().toggleBold().run()}