From 10559afc71a2f9c8eb9fd94e6d2fcefdccf3f992 Mon Sep 17 00:00:00 2001
From: Jarrod Flesch <jarrodmflesch@gmail.com>
Date: Mon, 30 Mar 2020 10:21:01 -0400
Subject: [PATCH] style: adds form negative margin back in, adds padding to
 sticky header

---
 src/client/components/forms/Form/index.scss   |  5 +++
 .../forms/field-types/Group/index.js          | 31 +++++++++++--------
 .../components/layout/Section/index.scss      |  1 -
 3 files changed, 23 insertions(+), 14 deletions(-)

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 (
-    <Section
-      heading={label}
-      className="field-group"
-    >
-      <RenderFields fields={fields.map((subField) => {
-        return {
-          ...subField,
-          name: `${name}.${subField.name}`,
-          defaultValue: defaultValue[subField.name],
-        };
-      })} />
-    </Section>
+    <div className="field-type group">
+      <Section
+        heading={label}
+        className="field-group"
+      >
+        <RenderFields fields={fields.map((subField) => {
+          return {
+            ...subField,
+            name: `${name}.${subField.name}`,
+            defaultValue: defaultValue[subField.name],
+          };
+        })}
+        />
+      </Section>
+    </div>
   );
 };
 
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);