diff --git a/src/client/components/forms/DraggableSection/PositionPanel/index.scss b/src/client/components/forms/DraggableSection/PositionPanel/index.scss index 524800724e..68127434ad 100644 --- a/src/client/components/forms/DraggableSection/PositionPanel/index.scss +++ b/src/client/components/forms/DraggableSection/PositionPanel/index.scss @@ -18,7 +18,7 @@ } @include large-break { - padding-right: 0; + padding-right: $baseline; &__controls { padding-right: base(.75); @@ -26,6 +26,6 @@ } @include mid-break { - padding-right: 0; + padding-right: base(.5); } } diff --git a/src/client/components/forms/FieldTypeGutter/index.scss b/src/client/components/forms/FieldTypeGutter/index.scss index bd6eb5ec3f..12996b87c9 100644 --- a/src/client/components/forms/FieldTypeGutter/index.scss +++ b/src/client/components/forms/FieldTypeGutter/index.scss @@ -17,7 +17,9 @@ $controls-top-adjustment: base(.1); @include nestedStickyOffsets(4); .field-type-gutter { - padding-right: base(1.25); + &--left { + margin-right: base(1.25); + } &--right { padding-right: 0; @@ -69,20 +71,15 @@ $controls-top-adjustment: base(.1); } @include mid-break { - padding-right: base(1); + &--left { + .field-type-gutter__content-container { + padding-right: $style-stroke-width-m; + padding-left: 0; + } + } &--right { padding-right: 0; } } } - - -// External scopes -.field-type.blocks { - .field-type-gutter { - &__content { - margin-top: - $controls-top-adjustment; - } - } -} diff --git a/src/client/components/forms/field-types/Group/index.scss b/src/client/components/forms/field-types/Group/index.scss index 6ee688ac50..9808069380 100644 --- a/src/client/components/forms/field-types/Group/index.scss +++ b/src/client/components/forms/field-types/Group/index.scss @@ -1,10 +1,5 @@ @import '../../../../scss/styles.scss'; -@mixin reduce-gutter { - padding-right: 0; - padding-left: 2px; -} - .group { margin-top: base(2); margin-bottom: base(2); @@ -38,17 +33,5 @@ &__fields-wrapper { display: flex; } - - .field-type-gutter__content-container { - @include reduce-gutter; - } - } -} - -.field-type.group .field-type.group, -.field-type.blocks .field-type.group, -.field-type.array .field-type.group { - .field-type-gutter__content-container { - @include reduce-gutter; } } diff --git a/src/client/components/forms/field-types/RichText/RichText.js b/src/client/components/forms/field-types/RichText/RichText.js index ee4f8823af..cce0779223 100644 --- a/src/client/components/forms/field-types/RichText/RichText.js +++ b/src/client/components/forms/field-types/RichText/RichText.js @@ -151,78 +151,80 @@ const RichText = (props) => { }} > - -