diff --git a/src/client/components/forms/Form/index.scss b/src/client/components/forms/Form/index.scss index 7595b92063..b281400d45 100644 --- a/src/client/components/forms/Form/index.scss +++ b/src/client/components/forms/Form/index.scss @@ -1,11 +1,16 @@ @import '../../../scss/styles.scss'; .form { + @include row; > * { width: 100%; } + .sticky-header { + @include gutter; + } + > .btn { @include gutter; } diff --git a/src/client/components/forms/field-types/Group/index.js b/src/client/components/forms/field-types/Group/index.js index 75e9402e8b..6dda8a6f55 100644 --- a/src/client/components/forms/field-types/Group/index.js +++ b/src/client/components/forms/field-types/Group/index.js @@ -6,21 +6,26 @@ import RenderFields from '../../RenderFields'; import './index.scss'; const Group = (props) => { - const { label, fields, name, defaultValue } = props; + const { + label, fields, name, defaultValue, + } = props; return ( -
- { - return { - ...subField, - name: `${name}.${subField.name}`, - defaultValue: defaultValue[subField.name], - }; - })} /> -
+
+
+ { + return { + ...subField, + name: `${name}.${subField.name}`, + defaultValue: defaultValue[subField.name], + }; + })} + /> +
+
); }; diff --git a/src/client/components/layout/Section/index.scss b/src/client/components/layout/Section/index.scss index 848350554f..13fca86f72 100644 --- a/src/client/components/layout/Section/index.scss +++ b/src/client/components/layout/Section/index.scss @@ -3,7 +3,6 @@ section.section { @include shadow; margin: base(1) 0; - transition: 300ms ease; &:hover { box-shadow: 0 22px 65px rgba(0,0,0,.15);