diff --git a/src/client/components/forms/DraggableSection/index.scss b/src/client/components/forms/DraggableSection/index.scss index 0bd29236d9..e1ae31b839 100644 --- a/src/client/components/forms/DraggableSection/index.scss +++ b/src/client/components/forms/DraggableSection/index.scss @@ -101,7 +101,7 @@ box-shadow: inset 0px 1px 0px white; > div { - padding: base(.75) base(1); + padding: base(1) base(1) base(.5); } } } diff --git a/src/client/components/forms/field-types/Flexible/index.scss b/src/client/components/forms/field-types/Flexible/index.scss index ef8289e56d..170fa64865 100644 --- a/src/client/components/forms/field-types/Flexible/index.scss +++ b/src/client/components/forms/field-types/Flexible/index.scss @@ -1,6 +1,10 @@ @import '../../../../scss/styles.scss'; .field-type.flexible { + > .section { + margin-top: 0; + } + .section__content { > div > div { @include gutter; diff --git a/src/client/components/forms/field-types/Repeater/index.scss b/src/client/components/forms/field-types/Repeater/index.scss index a85463c69c..581992fe00 100644 --- a/src/client/components/forms/field-types/Repeater/index.scss +++ b/src/client/components/forms/field-types/Repeater/index.scss @@ -2,6 +2,11 @@ .field-type.repeater { background: white; + + .section .section { + margin-top: 0; + } + .section__content { > div > div { @include gutter; diff --git a/src/client/components/forms/field-types/shared.scss b/src/client/components/forms/field-types/shared.scss index 7293f797c1..ed7df9f912 100644 --- a/src/client/components/forms/field-types/shared.scss +++ b/src/client/components/forms/field-types/shared.scss @@ -1,17 +1,5 @@ @import '../../../scss/styles'; -.field-type { - &.repeater, - &.flexible { - margin: base(1) 0; - - section { - margin: 0; - background-color: white; - } - } -} - @mixin formInput () { @include inputShadow; font-family: $font-brand;