From 6acb76460364aeaaa674dde771700b8bca1fcf58 Mon Sep 17 00:00:00 2001
From: cyril lopez <cyril.lpz@gmail.com>
Date: Tue, 8 Aug 2017 17:27:02 +0200
Subject: [PATCH] Design all nested form

---
 .../admin/src/components/EditForm/styles.scss       |  2 +-
 .../src/components/EditFormSectionNested/index.js   |  2 +-
 .../admin/src/components/InputToggle/styles.scss    |  4 ++--
 .../src/components/WithFormSection/styles.scss      | 13 ++++++++++---
 .../admin/src/components/WithInput/styles.scss      |  6 +++---
 5 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/EditForm/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/EditForm/styles.scss
index d8359cab71..95227038fe 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/EditForm/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/EditForm/styles.scss
@@ -24,5 +24,5 @@
 }
 
 .sectionContainer {
-  margin-bottom: 1.5rem;
+  margin-bottom: 1.7rem;
 }
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/EditFormSectionNested/index.js b/packages/strapi-plugin-settings-manager/admin/src/components/EditFormSectionNested/index.js
index 9bf449be23..7a80aba539 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/EditFormSectionNested/index.js
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/EditFormSectionNested/index.js
@@ -56,7 +56,7 @@ class EditFormSectionNested extends React.Component { // eslint-disable-line rea
     // console.log(this.state);
 
     return (
-      <div className={this.props.styles.padded}>
+      <div className={`${this.props.styles.padded} ${this.props.styles.nesTedFormContainer}`}>
         <div className="row">
           {map(this.props.section, (item, key) => {
             if (this.state.showNestedForm) {
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/InputToggle/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/InputToggle/styles.scss
index f3fc6620bb..6c52686697 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/InputToggle/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/InputToggle/styles.scss
@@ -4,7 +4,7 @@
 }
 
 .inputToggle { /* stylelint-disable */
-  margin-top: .4rem;
+  margin-top: .2rem;
   > button {
     // display and box model
     width: 5.3rem;
@@ -44,7 +44,7 @@
 }
 
 .toggleLabel {
-  padding-top: .1rem;
+  
   margin-bottom: .7rem;
   font-size: 1.3rem;
   line-height: 1.6rem;
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/WithFormSection/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/WithFormSection/styles.scss
index 01e2df45d0..9bd929850e 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/WithFormSection/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/WithFormSection/styles.scss
@@ -14,16 +14,23 @@
   }
 
 .padded {
-  padding: 4px 15px 0 15px;
+  padding:  0 15px 0 15px;
 }
 
 
 .subNestedFormContainer {
-  margin: 1rem 15px;
+  margin: 1rem 15px .2rem 15px;
   padding: 0 2rem;
   background: #FAFAFB;
 }
 
 .spacer {
-  height: 1.4rem;
+  height: 1.5rem;
+}
+
+
+.nesTedFormContainer {
+  margin-top: 1rem;
+  padding-top: .2rem;
+  margin-bottom: .5rem;
 }
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/WithInput/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/WithInput/styles.scss
index a001fc1377..715582ea0c 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/WithInput/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/WithInput/styles.scss
@@ -11,7 +11,7 @@
     color: #ABAFBB;
   }
   > input {
-    margin-top: 3px;
+    margin-top: 4px;
     margin-bottom: 1.1rem;
     height: 3.4rem;
     line-height: 1.6rem;
@@ -20,7 +20,7 @@
 }
 
 .inputText { /* stylelint-disable */
-  
+
   font-family: Lato!important;
   font-size: 1.3rem;
   > label {
@@ -32,7 +32,7 @@
     color: #ABAFBB;
   }
   > input {
-    margin-top: 3px;
+    margin-top: 4px;
     margin-bottom: 1.1rem;
     height: 3.4rem;
     line-height: 1.6rem;