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'
}
}