diff --git a/x-pack/legacy/plugins/canvas/public/apps/workpad/workpad_app/workpad_app.scss b/x-pack/legacy/plugins/canvas/public/apps/workpad/workpad_app/workpad_app.scss index 274b916bc899a..fb53225bdd388 100644 --- a/x-pack/legacy/plugins/canvas/public/apps/workpad/workpad_app/workpad_app.scss +++ b/x-pack/legacy/plugins/canvas/public/apps/workpad/workpad_app/workpad_app.scss @@ -37,6 +37,10 @@ $canvasLayoutFontSize: $euiFontSizeS; user-select: none; } +.canvasLayout__stageHeaderInner { + height: ($euiSizeL * 2); +} + .canvasLayout__stageContent { flex-grow: 1; flex-basis: 0%; diff --git a/x-pack/legacy/plugins/canvas/public/components/workpad_header/index.js b/x-pack/legacy/plugins/canvas/public/components/workpad_header/index.js index d4ecddebde1ae..79ec7dbbbe246 100644 --- a/x-pack/legacy/plugins/canvas/public/components/workpad_header/index.js +++ b/x-pack/legacy/plugins/canvas/public/components/workpad_header/index.js @@ -24,7 +24,7 @@ const mergeProps = (stateProps, dispatchProps, ownProps) => ({ ...stateProps, ...dispatchProps, ...ownProps, - toggleWriteable: () => setWriteable(!stateProps.isWriteable), + toggleWriteable: () => dispatchProps.setWriteable(!stateProps.isWriteable), }); export const WorkpadHeader = connect( diff --git a/x-pack/legacy/plugins/canvas/public/components/workpad_header/workpad_header.js b/x-pack/legacy/plugins/canvas/public/components/workpad_header/workpad_header.js index bf52e30733f64..d03b897e5fcc7 100644 --- a/x-pack/legacy/plugins/canvas/public/components/workpad_header/workpad_header.js +++ b/x-pack/legacy/plugins/canvas/public/components/workpad_header/workpad_header.js @@ -103,7 +103,12 @@ export class WorkpadHeader extends React.PureComponent { return (