Make form wider.

bikeshop_project/assets/js/components/Member.jsx

@@ -13,7 +13,7 @@ export default class Member extends React.Component {
                 errorText={this.props.error}
                 hintText="Search members"
                 searchText={this.props.searchText}
-                
+                fullWidth={true}
             />
         );
     }

bikeshop_project/assets/js/components/Purpose.jsx

@@ -5,7 +5,11 @@ import MenuItem from 'material-ui/MenuItem';
 export default class Purpose extends React.Component {
     render () {
         return (
-            <SelectField value={this.props.default} onChange={this.props.handleChange.bind(this)}>
+            <SelectField
+              value={this.props.default}
+              onChange={this.props.handleChange.bind(this)}
+              fullWidth={true}
+              >
                 <MenuItem value={'VOLUNTEER'} primaryText="Volunteer" />
                 <MenuItem value={'FIX'} primaryText="Fix" />
                 <MenuItem value={'WORKSHOP'} primaryText="Workshop" />
@@ -15,4 +19,3 @@ export default class Purpose extends React.Component {
         );
     }
 }
-

bikeshop_project/core/templates/dashboard.html

@@ -54,6 +54,6 @@
 {% endblock %}
 
 {% block content %}
-    <div id="root"></div>
+    <div id="root" class="mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell"></div>
     {% render_bundle 'main' %}
 {% endblock %}