Adjust some style attributes

Agile-IoT · Jul 12, 2018 · 0e08462 · 0e08462
1 parent 87f74c5
commit 0e08462
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/components/Form.js b/src/components/Form.js
@@ -89,6 +89,7 @@ const renderForm = (props, inputs) => {
   return (
     <div>
       <form
+        className={props.class}
         id={id}
         onSubmit={event => {
         event.preventDefault();
@@ -107,7 +108,7 @@ const renderForm = (props, inputs) => {
           width: '10%',
           color: '#008714',
           padding: '8px',
-          margin: '5px 25px 0 0'
+          margin: '0px 25px 0 0'
         }}
         onClick={event => {
           event.preventDefault()

diff --git a/src/containers/Locks.js b/src/containers/Locks.js
@@ -133,6 +133,7 @@ class Locks extends Component {
     if(form[policy] && form[policy][op]) {
       return (
         <Form
+          class={'policy_lock_form'}
           id={this.props.params.id + '_' + this.props.params.type + '_' + policy + '_' + op}
           selectedForms={form[policy][op]}
           deleteFormName={forms => {
@@ -197,7 +198,7 @@ class Locks extends Component {
       return (
         <GenericListItem
           key={`addLockList_${policy}_${type},`}
-          style={{bar: {height: 'auto', margin: '0 0 10px 0'}, middleEl: {width: '150px', padding: '20px'}, rightEl: {padding: '20px'}, leftEl: {padding: '20px'}}}
+          style={{bar: {height: 'auto', margin: '0 0 10px 0'}, middleEl: {display: 'inline-block', width: '150px', padding: '0px'}, rightEl: {padding: '20px'}, leftEl: {display: 'inline-block', padding: '40px 20px 20px 20px'}}}
           leftEl={`New ${type} lock`}
           rightEl={this.renderForm(policy, type)}
           middleEl={

diff --git a/src/styles/index.css b/src/styles/index.css
@@ -186,4 +186,8 @@ i.glyphicon { display: none; }
 
 .__react_component_tooltip {
   max-width: 300px;
+}
+
+.policy_lock_form {
+  display: inline-block;
 }