clean up stories

Author: ShMcK

web-app/src/containers/Start/index.tsx

@@ -19,19 +19,19 @@ const styles = {
     flexDirection: 'column' as 'column',
     justifyContent: 'flex-end' as 'flex-end',
     alignItems: 'center' as 'center',
-    backgroundColor: '#EBEBEB',
     fontSize: '1rem',
     lineHeight: '1rem',
     padding: '1rem',
   },
   title: {
-    fontSize: '4rem',
+    fontSize: '3rem',
   },
   subtitle: {
-    fontSize: '1.6rem',
+    fontSize: '1.3rem',
   },
   options: {
     flex: 1,
+    backgroundColor: '#EBEBEB',
     display: 'flex' as 'flex',
     flexDirection: 'column' as 'column',
     justifyContent: 'flex-start' as 'flex-start',
@@ -64,14 +64,14 @@ export const StartPage = (props: Props) => (
 
     <div css={styles.options}>
       <div css={styles.buttonContainer}>
-        <Button size="large" type="primary" onClick={props.onNew} style={{ width: '10rem' }}>
-          Start
+        <Button size="large" type="primary" onClick={props.onNew} style={{ width: '12rem' }}>
+          New Tutorial
         </Button>
       </div>
       {props.tutorial && (
         <div css={styles.buttonContainer}>
-          <Button size="large" onClick={props.onContinue} style={{ width: '10rem' }}>
-            Continue
+          <Button size="large" onClick={props.onContinue} style={{ width: '12rem' }}>
+            Continue "{props.tutorial.summary.title}"
           </Button>
         </div>
       )}

web-app/stories/Loading.stories.tsx

@@ -1,6 +1,6 @@
 import { storiesOf } from '@storybook/react'
 import React from 'react'
-import LoadingPage from '../src/containers/LoadingPage'
+import LoadingPage from '../src/containers/Loading'
 import SideBarDecorator from './utils/SideBarDecorator'
 
 storiesOf('Components', module)

web-app/stories/New.stories.tsx

@@ -23,7 +23,7 @@ const tutorialList = [
   },
 ]
 
-storiesOf('Start', module)
+storiesOf('Select Tutorial', module)
   .addDecorator(SideBarDecorator)
   .add('New Page', () => {
     return <NewPage tutorialList={tutorialList} />

web-app/stories/Start.stories.tsx

@@ -11,7 +11,14 @@ const styles = {
 
 storiesOf('Start', module)
   .addDecorator(SideBarDecorator)
-  .add('StartPage', () => {
+  .add('New', () => {
+    return (
+      <div css={styles.container}>
+        <StartPage send={action('send')} context={{}} />
+      </div>
+    )
+  })
+  .add('Continue', () => {
     const tutorial = {
       summary: {
         title: 'Tutorial Title',