align jsx in component

Author: ShMcK

src/components/Start/Checks/SetupChecks.tsx

@@ -5,7 +5,7 @@ import StepCheck from './StepCheck';
 import VerifyButton from './VerifyButton';
 import {Card, CardActions, CardHeader, CardText} from 'material-ui/Card';
 import FlatButton from 'material-ui/FlatButton';
-// import {openDirectory, createPackageJson} from '../../../reducers/checks/action-setup';
+// import {openDirectory} from '../../../reducers/checks/action-setup';
 
 const SetupChecks: React.StatelessComponent<{
   checks: Builder.Checks

src/components/Start/Checks/SystemChecks.tsx

@@ -16,13 +16,13 @@ const SystemChecks: React.StatelessComponent<{
   }
   const status = [system.node, system.npm];
  return (
-    <Card className='cr-check'>
-      <CardHeader
-        title='System Checks'
-        subtitle='CodeRoad requires several key dependencies'
-      />
-      <CardText>
-        <DynamicStepper status={status}>
+  <Card className='cr-check'>
+    <CardHeader
+      title='System Checks'
+      subtitle='CodeRoad requires several key dependencies'
+    />
+    <CardText>
+      <DynamicStepper status={status}>
         <StepCheck
           label='Node >= 0.10'
           completed={system.node}
@@ -54,7 +54,7 @@ const SystemChecks: React.StatelessComponent<{
     <CardActions>
       <VerifyButton />
     </CardActions>
-   </Card>
+  </Card>
   );
 };
 export default SystemChecks;