diff --git a/src/components/Stepper/Controls/index.jsx b/src/components/Stepper/Controls/index.jsx index fd96b62d..21634e23 100644 --- a/src/components/Stepper/Controls/index.jsx +++ b/src/components/Stepper/Controls/index.jsx @@ -1,34 +1,48 @@ // @flow import * as React from 'react' import Button from '~/components/layout/Button' +import Col from '~/components/layout/Col' +import Row from '~/components/layout/Row' type ControlProps = { next: string, + back: string, onPrevious: () => void, firstPage: boolean, disabled: boolean, } +const controlStyle = { + backgroundColor: 'white', + padding: '8px', + borderBottomRightRadius: '4px', + borderBottomLeftRadius: '4px', +} + const ControlButtons = ({ - next, firstPage, onPrevious, disabled, + next, back, firstPage, onPrevious, disabled, }: ControlProps) => ( - - - - + + + + + + ) type Props = { @@ -47,7 +61,9 @@ const Controls = ({ ? {finishedButton} : diff --git a/src/components/Stepper/index.jsx b/src/components/Stepper/index.jsx index e56d60ec..0e24f32e 100644 --- a/src/components/Stepper/index.jsx +++ b/src/components/Stepper/index.jsx @@ -6,9 +6,8 @@ import StepContent from '@material-ui/core/StepContent' import { withStyles } from '@material-ui/core/styles' import * as React from 'react' import GnoForm from '~/components/forms/GnoForm' +import Hairline from '~/components/layout/Hairline' import Button from '~/components/layout/Button' -import Col from '~/components/layout/Col' -import Row from '~/components/layout/Row' import Controls from './Controls' export { default as Step } from './Step' @@ -139,18 +138,15 @@ class GnoStepper extends React.PureComponent { {label} {activePage(rest)} - - - - - + + ))} diff --git a/src/components/layout/Hairline/index.js b/src/components/layout/Hairline/index.js index 8bebc215..dae5ea6f 100644 --- a/src/components/layout/Hairline/index.js +++ b/src/components/layout/Hairline/index.js @@ -14,7 +14,7 @@ type Props = { margin?: Size, } -const Hairline = ({ margin = 'md' }: Props) => { +const Hairline = ({ margin }: Props) => { const style = calculateStyleFrom(margin) return
diff --git a/src/routes/open/components/OpenPaper/index.jsx b/src/routes/open/components/OpenPaper/index.jsx index ef77edf1..4ee2464f 100644 --- a/src/routes/open/components/OpenPaper/index.jsx +++ b/src/routes/open/components/OpenPaper/index.jsx @@ -9,6 +9,8 @@ const styles = () => ({ root: { padding: lg, maxWidth: '770px', + borderBottomRightRadius: '0px', + borderBottomLeftRadius: '0px', }, container: { maxWidth: '600px', diff --git a/src/theme/size.js b/src/theme/size.js index 13e11797..1d0f5526 100644 --- a/src/theme/size.js +++ b/src/theme/size.js @@ -16,6 +16,6 @@ export const getSize = (size: Size) => { case 'xl': return xl default: - return md + return '0px' } }