import React from 'react';
import RaisedButton from 'material-ui/RaisedButton';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

const StatusButtons = React.createClass({
  render() {

    const flexContainer = {
      display: 'flex',
      flexDirection: 'column',
      flexWrap: 'wrap',
      justifyContent: 'center',
      alignContent: 'center',
      alignItems: 'center',
      height: '70vh'
    }

    const styleButton = {
      display: 'flex',
      width: '235px',
      marginBottom: '10px',
      fontFamily: 'Mallanna',
      fontWeight: '200'

    };

    return <div style={flexContainer}>
      <RaisedButton label="I want a cigarette" primary={true} style={styleButton}  />
      <RaisedButton label="I have cigarettes to give" primary={true} style={styleButton}  />
    </div>
  }
});

export default StatusButtons;

import React from 'react';
import RaisedButton from 'material-ui/RaisedButton';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

const StatusButtons = React.createClass({
  render() {

    const flexContainer = {
      display: 'flex',
      flexDirection: 'column',
      flexWrap: 'wrap',
      justifyContent: 'center',
      alignContent: 'center',
      alignItems: 'center',
      height: '70vh'
    }

    const styleButton = {
      display: 'flex',
      width: '235px',
      marginBottom: '10px',
      fontFamily: 'Mallanna',
      fontWeight: '200'
    }

    const styleLabel = {
      fontWeight: '200'
    }

    return <div style={flexContainer}>
      <RaisedButton label="I want a cigarette" primary={true} style={styleButton} labelStyle={styleLabel}  />
      <RaisedButton label="I have cigarettes to give" primary={true} style={styleButton} labelStyle={styleLabel}  />
    </div>
  }
});

export default StatusButtons;

Change font weight of status buttons labels
Change font weight of status buttons labels
