From d9b1812a205277d625773bf5a94e90dbf325244b Mon Sep 17 00:00:00 2001
From: Ran Byron <ranbena@gmail.com>
Date: Sat, 21 Sep 2019 21:01:17 +0300
Subject: [PATCH] Some style adjustments

---
 client/app/components/dynamic-form/DynamicForm.jsx | 14 ++++++--------
 .../app/components/dynamic-form/DynamicForm.less   | 12 ++++++++++++
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/client/app/components/dynamic-form/DynamicForm.jsx b/client/app/components/dynamic-form/DynamicForm.jsx
index 05d93640df..45d5812ffa 100644
--- a/client/app/components/dynamic-form/DynamicForm.jsx
+++ b/client/app/components/dynamic-form/DynamicForm.jsx
@@ -245,7 +245,7 @@ class DynamicForm extends React.Component {
     const submitProps = {
       type: 'primary',
       htmlType: 'submit',
-      className: 'w-100',
+      className: 'w-100 m-t-20',
       disabled: this.state.isSubmitting,
       loading: this.state.isSubmitting,
     };
@@ -259,22 +259,20 @@ class DynamicForm extends React.Component {
       <Form id={id} className="dynamic-form" layout="vertical" onSubmit={this.handleSubmit}>
         {this.renderFields(regularFields)}
         {!isEmpty(advancedFields) && (
-          <>
+          <div className="extra-options">
             <Button
               type="dashed"
               block
-              className="extra-options-button m-t-30 m-b-10"
+              className="extra-options-button"
               onClick={() => this.setState({ showExtraOptions: !showExtraOptions })}
             >
               Additional Settings
               <i className={cx('fa m-l-5', { 'fa-caret-up': showExtraOptions, 'fa-caret-down': !showExtraOptions })} />
             </Button>
-            <Collapse collapsed={!showExtraOptions}>
-              <div className="m-t-15">
-                {this.renderFields(advancedFields)}
-              </div>
+            <Collapse collapsed={!showExtraOptions} className="extra-options-content">
+              {this.renderFields(advancedFields)}
             </Collapse>
-          </>
+          </div>
         )}
         {saveButton && <Button {...submitProps}>{saveText}</Button>}
         {this.renderActions()}
diff --git a/client/app/components/dynamic-form/DynamicForm.less b/client/app/components/dynamic-form/DynamicForm.less
index 1b6f2d5f24..51adf1b99a 100644
--- a/client/app/components/dynamic-form/DynamicForm.less
+++ b/client/app/components/dynamic-form/DynamicForm.less
@@ -1,6 +1,10 @@
 @import '~@/assets/less/ant';
 
 .dynamic-form{
+  .extra-options {
+    margin: 25px 0 10px;
+  }
+
   .extra-options-button {
     &, &:focus, &:hover {
       height: 40px;
@@ -14,4 +18,12 @@
       background-color: fade(@btn-danger-bg, 15%);
     }
   }
+
+  .extra-options-content {
+    margin-top: 15px;
+
+    .ant-form-item:last-of-type {
+      margin-bottom: 0 !important;
+    }
+  }
 }