add footer button styles, temp hide reset

Signed-off-by: shmck <[email protected]>

Author: ShMcK

Diff for: web-app/src/containers/Tutorial/components/Reset.tsx

@@ -4,6 +4,7 @@ import Button from '../../../components/Button'
 import Markdown from '../../../components/Markdown'
 
 interface Props {
+  disabled: boolean
   onReset(): void
 }
 
@@ -24,7 +25,7 @@ const Reset = (props: Props) => {
 
   return (
     <>
-      <Button type="secondary" onClick={() => setModalState('confirm')}>
+      <Button type="secondary" onClick={() => setModalState('confirm')} disabled={props.disabled}>
         Reset
       </Button>
       <Dialog

Diff for: web-app/src/containers/Tutorial/index.tsx

@@ -145,21 +145,21 @@ const TutorialPage = (props: PageProps) => {
           </div>
         )}
         {/* Left */}
-        {DISPLAY_RUN_TEST_BUTTON && level.status !== 'COMPLETE' ? (
-          <Button style={{ marginLeft: '1rem' }} type="primary" onClick={onRunTest} disabled={processes.length > 0}>
-            Run
-          </Button>
-        ) : (
-          <div />
-        )}
+        <div css={{ flex: 1 }}>
+          {DISPLAY_RUN_TEST_BUTTON && level.status !== 'COMPLETE' ? (
+            <Button style={{ marginLeft: '1rem' }} type="primary" onClick={onRunTest} disabled={processes.length > 0}>
+              Run
+            </Button>
+          ) : null}
+        </div>
 
         {/* Center */}
-        <div style={{}}>
-          <Reset onReset={onReset} />
+        <div css={{ flex: 1, display: 'flex', justifyContent: 'center' }}>
+          {/* <Reset onReset={onReset} disabled={processes.length > 0} /> */}
         </div>
 
         {/* Right */}
-        <div>
+        <div css={{ flex: 1, display: 'flex', justifyContent: 'flex-end' }}>
           {level.status === 'COMPLETE' || !level.steps.length ? (
             <Button style={{ marginRight: '1rem' }} type="primary" onClick={onContinue}>
               Continue