From 712cff2680dda2631e6c3fc4873d8fcf5051b292 Mon Sep 17 00:00:00 2001
From: Carmine D'Amico <carmine@cdamico.de>
Date: Wed, 25 May 2016 23:19:36 +0200
Subject: [PATCH] changed jsx code to a better code style

---
 src/browser/settings.jsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/browser/settings.jsx b/src/browser/settings.jsx
index 928b9179..4c51fed0 100644
--- a/src/browser/settings.jsx
+++ b/src/browser/settings.jsx
@@ -97,15 +97,22 @@ var SettingsPage = React.createClass({
     }
   },
   render: function() {
+
+    var buttonStyle = {
+      marginTop: 20,
+    };
+
     var teams_row = (
     <Row>
+      <Col md={ 4 }>
+      <h2>Teams</h2>
+      </Col>
+      <Col md={ 8 }>
+      <Button className="pull-right" style={ buttonStyle } bsSize="small" onClick={ this.handleShowTeamForm }>
+        <Glyphicon glyph="plus" />
+      </Button>
+      </Col>
       <Col md={ 12 }>
-      <h2>
-                Teams
-                <Button className="pull-right" bsSize="small" onClick={ this.handleShowTeamForm }>
-                  <Glyphicon glyph="plus" />
-                </Button>
-              </h2>
       <TeamList teams={ this.state.teams } showAddTeamForm={ this.state.showAddTeamForm } onTeamsChange={ this.handleTeamsChange } />
       </Col>
     </Row>