fix continue button style

Author: ShMcK

lib/components/page/toolbar/buttons.js

@@ -16,7 +16,6 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 var React = require('react');
 var react_redux_1 = require('react-redux');
 var FlatButton_1 = require('material-ui/FlatButton');
-var RaisedButton_1 = require('material-ui/RaisedButton');
 var code_1 = require('material-ui/svg-icons/action/code');
 var actions_1 = require('../../../atom/actions');
 var editor_1 = require('../../../atom/editor');
@@ -29,7 +28,7 @@ var Continue = (function (_super) {
         _super.apply(this, arguments);
     }
     Continue.prototype.render = function () {
-        return React.createElement(RaisedButton_1.default, {label: 'Continue', primary: true, onTouchTap: this.props.callNextPage});
+        return React.createElement(FlatButton_1.default, {label: 'Continue', primary: true, onTouchTap: this.props.callNextPage});
     };
     Continue = __decorate([
         react_redux_1.connect(null, function (dispatch, state) {

src/components/page/page.tsx

@@ -39,6 +39,7 @@ render() {
 
     <Tasks tasks={tasks} taskPosition={taskPosition} testRun={testRun} />
     <div className='listEnd' ref='listEnd'></div>
+
     <PageCompleteMessage page={page} />
     <Hints task={currentTask} hintPosition={hintPosition} />
     <PageToolbar tasks={tasks} taskPosition={taskPosition}>

src/components/page/toolbar/buttons.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import {connect} from 'react-redux';
 import FlatButton from 'material-ui/FlatButton';
-import RaisedButton from 'material-ui/RaisedButton';
 import Code from 'material-ui/svg-icons/action/code';
 
 import {toggleDevTools} from '../../../atom/actions';
@@ -25,6 +24,6 @@ export class Continue extends React.Component<{
   callNextPage?: any
 }, {}> {
   render() {
-    return <RaisedButton label='Continue' primary={true} onTouchTap={this.props.callNextPage} />;
+    return <FlatButton label='Continue' primary={true} onTouchTap={this.props.callNextPage} />;
   }
 }