fix components styles

Author: ShMcK

lib/components/Page/Hints/index.js

@@ -6,10 +6,9 @@ var HintButton_1 = require('./HintButton');
 var help_1 = require('material-ui/svg-icons/action/help');
 var styles = {
     position: 'relative',
-    margin: '0 20px -8px 20px',
+    margin: '5px auto 10px',
     width: '360px',
     textAlign: 'center',
-    zIndex: '0',
 };
 var Hints = function (_a) {
     var task = _a.task, hintPosition = _a.hintPosition;

lib/components/Page/PageToolbar/index.js

@@ -5,8 +5,8 @@ var ToggleLog_1 = require('./ToggleLog');
 var Save_1 = require('./Save');
 var Continue_1 = require('./Continue');
 var styles = {
-    zIndex: '1000',
-    position: 'fixed',
+    zIndex: '5',
+    position: 'relative',
     bottom: '0px',
     right: '0px',
     height: '60px',

lib/components/Page/ProgressBar/index.js

@@ -3,7 +3,8 @@ var React = require('react');
 var LinearProgress_1 = require('material-ui/LinearProgress');
 var style = {
     height: '10px',
-    zIndex: '10',
+    position: 'relative',
+    margin: '0',
 };
 var ProgressBar = function (_a) {
     var taskPosition = _a.taskPosition, taskLength = _a.taskLength, completed = _a.completed;

lib/components/Tutorials/LoadTutorials/index.js

@@ -16,14 +16,14 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 var React = require('react');
 var react_redux_1 = require('react-redux');
 var actions_1 = require('../../../actions');
-var FlatButton_1 = require('material-ui/FlatButton');
+var RaisedButton_1 = require('material-ui/RaisedButton');
 var LoadTutorials = (function (_super) {
     __extends(LoadTutorials, _super);
     function LoadTutorials() {
         _super.apply(this, arguments);
     }
     LoadTutorials.prototype.render = function () {
-        return (React.createElement(FlatButton_1.default, {label: 'Check for Tutorials', secondary: true, onTouchTap: this.props.tutorialsFind}));
+        return (React.createElement(RaisedButton_1.default, {label: 'Check for Tutorials', secondary: true, onTouchTap: this.props.tutorialsFind}));
     };
     LoadTutorials = __decorate([
         react_redux_1.connect(null, function (dispatch) {

lib/components/Tutorials/SelectTutorial/index.js

@@ -41,8 +41,6 @@ var SelectTutorial = (function (_super) {
             return {
                 selectTutorial: function (name) {
                     dispatch(actions_1.tutorialSet(name));
-                    dispatch(actions_1.progressLoad());
-                    dispatch(actions_1.routeSet('progress'));
                 },
             };
         }), 

src/components/Page/Hints/index.tsx

@@ -6,10 +6,9 @@ import Help from 'material-ui/svg-icons/action/help';
 
 const styles = {
   position: 'relative',
-  margin: '0 20px -8px 20px',
+  margin: '5px auto 10px',
   width: '360px',
   textAlign: 'center',
-  zIndex: '0',
 };
 
 const Hints: React.StatelessComponent<{

src/components/Page/PageToolbar/index.tsx

@@ -5,8 +5,8 @@ import Save from './Save';
 import Continue from './Continue';
 
 const styles = {
-    zIndex: '1000',
-    position: 'fixed',
+    zIndex: '5',
+    position: 'relative',
     bottom: '0px',
     right: '0px',
     height: '60px',

src/components/Page/ProgressBar/index.tsx

@@ -3,7 +3,8 @@ import LinearProgress from 'material-ui/LinearProgress';
 
 const style = {
   height: '10px',
-  zIndex: '10',
+  position: 'relative',
+  margin: '0',
 };
 
 const ProgressBar: React.StatelessComponent<{

src/components/Tutorials/SelectTutorial/index.tsx

@@ -18,8 +18,6 @@ function displayName(name: string): string {
   return {
     selectTutorial: (name: string) => {
       dispatch(tutorialSet(name));
-      dispatch(progressLoad());
-      dispatch(routeSet('progress'));
     },
   };
 })