diff --git a/src/components/Stepper/index.jsx b/src/components/Stepper/index.jsx index 67a76a6b..cb5a3899 100644 --- a/src/components/Stepper/index.jsx +++ b/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' diff --git a/src/components/layout/Paragraph/index.js b/src/components/layout/Paragraph/index.js index 09aeb5e4..46db76e4 100644 --- a/src/components/layout/Paragraph/index.js +++ b/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 { render() { const { - bold, children, color, center, size, noMargin, ...props + bold, children, color, layout, size, noMargin, ...props } = this.props return ( -

+

{ children }

) diff --git a/src/components/layout/Paragraph/index.scss b/src/components/layout/Paragraph/index.scss index ed0652fd..f27c1faa 100644 --- a/src/components/layout/Paragraph/index.scss +++ b/src/components/layout/Paragraph/index.scss @@ -24,7 +24,11 @@ } .center { - text-align: center; + text-align: center; +} + +.left { + text-align: left; } .sm { diff --git a/src/routes/safe/component/Withdrawn/Review.jsx b/src/routes/safe/component/Withdrawn/Review.jsx index a2fee94c..82cbc4f5 100644 --- a/src/routes/safe/component/Withdrawn/Review.jsx +++ b/src/routes/safe/component/Withdrawn/Review.jsx @@ -13,10 +13,10 @@ type FormProps = { const Review = () => ({ values }: FormProps) => ( Review the Withdrawn Operation - + Destination: {values[DESTINATION_PARAM]} - + Value in ETH: {values[VALUE_PARAM]}