From fd859d7b7f2928b098b0106df5ed6fc8d76bbf1f Mon Sep 17 00:00:00 2001
From: mlorb <mlorber@biosistemika.com>
Date: Tue, 10 Oct 2017 13:25:44 +0200
Subject: [PATCH] fixes buttons on my profile page

---
 .../profile/components/InputEnabled.jsx       | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/app/javascript/src/scenes/SettingsPage/scenes/profile/components/InputEnabled.jsx b/app/javascript/src/scenes/SettingsPage/scenes/profile/components/InputEnabled.jsx
index 888d24cf3..48d2a0acb 100644
--- a/app/javascript/src/scenes/SettingsPage/scenes/profile/components/InputEnabled.jsx
+++ b/app/javascript/src/scenes/SettingsPage/scenes/profile/components/InputEnabled.jsx
@@ -7,6 +7,7 @@ import {
   FormControl,
   ControlLabel,
   Button,
+  ButtonToolbar,
   HelpBlock
 } from "react-bootstrap";
 import { updateUser } from "../../../../../services/api/users_api";
@@ -277,7 +278,7 @@ class InputEnabled extends Component {
       .then(() => {
         this.props.reloadInfo();
         this.props.disableEdit();
-        if(this.props.forceRerender) {
+        if (this.props.forceRerender) {
           this.props.forceRerender();
         }
       })
@@ -374,12 +375,14 @@ class InputEnabled extends Component {
             {this.inputField()}
             {this.confirmationField()}
             <StyledHelpBlock>{this.state.errorMessage}</StyledHelpBlock>
-            <Button bsStyle="default" onClick={this.props.disableEdit}>
-              <FormattedMessage id="general.cancel" />
-            </Button>&nbsp;
-            <Button bsStyle="primary" type="submit">
-              <FormattedMessage id="general.update" />
-            </Button>
+            <ButtonToolbar>
+              <Button bsStyle="primary" type="submit">
+                <FormattedMessage id="general.update" />
+              </Button>
+              <Button bsStyle="default" onClick={this.props.disableEdit}>
+                <FormattedMessage id="general.cancel" />
+              </Button>
+            </ButtonToolbar>
           </FormGroup>
         </form>
       </StyledInputEnabled>
@@ -399,7 +402,7 @@ InputEnabled.propTypes = {
 };
 
 InputEnabled.defaultProps = {
-  forceRerender: () => (false)
-}
+  forceRerender: () => false
+};
 
 export default InputEnabled;