diff --git a/src/js/blocks/row/editor.scss b/src/js/blocks/row/editor.scss index 4251e8a..e9fbdd8 100644 --- a/src/js/blocks/row/editor.scss +++ b/src/js/blocks/row/editor.scss @@ -2,24 +2,21 @@ $totalColumns: 12; .wp-block-gutenbergjs-row { display: block; - - .editor-inner-blocks { + margin-left: -$block-padding; + margin-right: -$block-padding; + + > .editor-inner-blocks { display: grid; grid-auto-flow: dense; grid-gap: 0; grid-template-columns: repeat($totalColumns, 1fr); .editor-block-list__layout { - &:first-child { - margin-left: -$block-padding; - } - &:last-child { - margin-right: -$block-padding; - } - // This max-width is used to constrain the main editor column, it should not cascade into columns .editor-block-list__block { max-width: none; + margin-left: 0px; + margin-right: 0px; } } } diff --git a/src/js/blocks/section/index.js b/src/js/blocks/section/index.js index b11692b..6583e59 100644 --- a/src/js/blocks/section/index.js +++ b/src/js/blocks/section/index.js @@ -98,7 +98,7 @@ export const settings = { return (