diff --git a/packages/app-desktop/gui/MultiNoteActions.tsx b/packages/app-desktop/gui/MultiNoteActions.tsx index 5103650063..4b9c73cf46 100644 --- a/packages/app-desktop/gui/MultiNoteActions.tsx +++ b/packages/app-desktop/gui/MultiNoteActions.tsx @@ -22,12 +22,6 @@ interface MultiNoteActionsProps { function styles_(props: MultiNoteActionsProps) { return buildStyle('MultiNoteActions', props.themeId, (theme: ThemeStyle) => { return { - root: { - display: 'inline-flex', - justifyContent: 'center', - paddingTop: theme.marginTop, - width: '100%', - }, itemList: { display: 'flex', flexDirection: 'column', @@ -90,7 +84,7 @@ export default function MultiNoteActions(props: MultiNoteActionsProps) { } return ( -
+
{itemComps}
); diff --git a/packages/app-desktop/gui/styles/index.scss b/packages/app-desktop/gui/styles/index.scss index 4d0d543652..be6b7fddf4 100644 --- a/packages/app-desktop/gui/styles/index.scss +++ b/packages/app-desktop/gui/styles/index.scss @@ -18,3 +18,4 @@ @use './joplin-cloud-sign-up.scss'; @use './popup-notification-list.scss'; @use './popup-notification-item.scss'; +@use './multi-note-actions.scss'; diff --git a/packages/app-desktop/gui/styles/multi-note-actions.scss b/packages/app-desktop/gui/styles/multi-note-actions.scss new file mode 100644 index 0000000000..f3bcd63f3e --- /dev/null +++ b/packages/app-desktop/gui/styles/multi-note-actions.scss @@ -0,0 +1,8 @@ + +.multi-note-actions { + display: inline-flex; + justify-content: center; + padding-top: var(--joplin-margin-top); + width: 100%; + overflow-y: auto; +}