Change add group button design.
authorAlexandre Segura <mex.zktk@gmail.com>
Thu, 29 Jun 2017 17:11:56 +0200
changeset 108 732adc46c8b8
parent 107 e6f85e26b08c
child 109 ef62de545a8d
Change add group button design.
client/src/components/SessionForm.js
--- a/client/src/components/SessionForm.js	Thu Jun 29 17:02:21 2017 +0200
+++ b/client/src/components/SessionForm.js	Thu Jun 29 17:11:56 2017 +0200
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
-import { Panel, FormGroup, ControlLabel, FormControl, Button, InputGroup, HelpBlock } from 'react-bootstrap';
+import { Panel, FormGroup, ControlLabel, FormControl, Button, InputGroup, HelpBlock, Glyphicon } from 'react-bootstrap';
 import '../App.css';
 import * as sessionsActions from '../actions/sessionsActions';
 import * as authActions from '../actions/authActions';
@@ -83,7 +83,9 @@
 
     return (
       <FormGroup>
-        <Button onClick={ this.toggleCreateGroup }>Create a group</Button>
+        <Button className="pull-right" bsSize="small" onClick={ this.toggleCreateGroup }>
+          <Glyphicon glyph="plus" />  Create a new group
+        </Button>
       </FormGroup>
     )
   }