Refine headers and notifications config

src/browser/settings.jsx

@@ -127,11 +127,6 @@ var SettingsPage = React.createClass({
     });
   },
   render: function() {
-
-    var buttonStyle = {
-      marginTop: 20
-    };
-
     var teams_row = (
     <Row>
       <Col md={ 12 }>
@@ -170,6 +165,8 @@ var SettingsPage = React.createClass({
       </Row>
       ) : null;
 
+    var notifications_row = null;
+    if (process.platform === 'win32') {
       var notificationSettings = [
         {
           label: 'Never',
@@ -195,30 +192,31 @@ var SettingsPage = React.createClass({
           );
       });
 
-    var notifications = (
+      notifications_row = (
         <Row>
           <Col md={ 12 }>
-      <h2>Notifications</h2> Configure, that the taskicon in the taskbar blinks when you were mentioned.
+          <h3>Notifications</h3> Configure, that the taskicon in the taskbar blinks when new message arrives.
           { notificationElements }
           </Col>
         </Row>
-    )
+      );
+    }
 
     return (
       <Grid className="settingsPage">
         <Row>
-          <Col xs={ 4 } sm={ 1 } md={ 2 } lg={ 2 }>
+          <Col xs={ 4 } sm={ 2 } md={ 2 } lg={ 1 }>
           <h2>Teams</h2>
           </Col>
-          <Col xs={ 4 } sm={ 2 } md={ 1 } lg={ 1 } mdPull={ 1 }>
-          <Button className="pull-right" style={ buttonStyle } bsSize="small" onClick={ this.toggleShowTeamForm }>
+          <Col xs={ 8 } sm={ 10 } md={ 10 } lg={ 11 }>
+          <Button bsSize="small" style={ { marginTop: 20 } } onClick={ this.toggleShowTeamForm }>
             <Glyphicon glyph="plus" />
           </Button>
           </Col>
         </Row>
         { teams_row }
         { options_row }
-        { notifications }
+        { notifications_row }
         <div>
           <hr />
         </div>