WA-238 Fix indentation Withdrawn Review component

src/components/Stepper/index.jsx

@@ -1,6 +1,6 @@
 // @flow
 import Stepper, { Step as FormStep, StepLabel } from 'material-ui/Stepper'
-import { withStyles } from 'material-ui/styles';
+import { withStyles } from 'material-ui/styles'
 import * as React from 'react'
 import type { FormApi } from 'react-final-form'
 import GnoForm from '~/components/forms/GnoForm'

src/components/layout/Paragraph/index.js

@@ -6,7 +6,7 @@ import styles from './index.scss'
 const cx = classNames.bind(styles)
 
 type Props = {
-  center?: boolean,
+  layout?: 'center' | 'left',
   noMargin?: boolean,
   bold?: boolean,
   size?: 'sm' | 'md' | 'lg' | 'xl',
@@ -17,11 +17,11 @@ type Props = {
 class Paragraph extends React.PureComponent<Props> {
   render() {
     const {
-      bold, children, color, center, size, noMargin, ...props
+      bold, children, color, layout, size, noMargin, ...props
     } = this.props
 
     return (
-      <p className={cx(styles.paragraph, { bold }, { noMargin }, size, { center })} {...props}>
+      <p className={cx(styles.paragraph, { bold }, { noMargin }, size, layout)} {...props}>
         { children }
       </p>
     )

src/components/layout/Paragraph/index.scss

@@ -24,7 +24,11 @@
 }
 
 .center {
-    text-align: center;
+  text-align: center;
+}
+
+.left {
+  text-align: left;
 }
 
 .sm {

src/routes/safe/component/Withdrawn/Review.jsx

@@ -13,10 +13,10 @@ type FormProps = {
 const Review = () => ({ values }: FormProps) => (
   <Block>
     <Heading tag="h2">Review the Withdrawn Operation</Heading>
-    <Paragraph>
+    <Paragraph layout="left">
       <Bold>Destination: </Bold> {values[DESTINATION_PARAM]}
     </Paragraph>
-    <Paragraph>
+    <Paragraph layout="left">
       <Bold>Value in ETH: </Bold> {values[VALUE_PARAM]}
     </Paragraph>
   </Block>