diff --git a/app/components/ChannelForm/ChannelForm.scss b/app/components/ChannelForm/ChannelForm.scss index b5c78e32..d6a06f91 100644 --- a/app/components/ChannelForm/ChannelForm.scss +++ b/app/components/ChannelForm/ChannelForm.scss @@ -3,7 +3,6 @@ .modal { position: relative; width: 40%; - min-height: 600px; margin: 50px auto; position: absolute; top: auto; diff --git a/app/components/ChannelForm/Footer.js b/app/components/ChannelForm/Footer.js index 7134e1fd..32ec0628 100644 --- a/app/components/ChannelForm/Footer.js +++ b/app/components/ChannelForm/Footer.js @@ -9,14 +9,14 @@ const Footer = ({ step, changeStep }) => { if (step === 4 ) { return (
-
-
changeStep(step - 1)}> - +
+
changeStep(step - 1)}> + Back
-
console.log('create this mf channel baby')}> -
- +
console.log('create this mf channel baby')}> +
+ Submit
@@ -25,14 +25,14 @@ const Footer = ({ step, changeStep }) => { return (
-
-
changeStep(step - 1)}> - +
+
changeStep(step - 1)}> + Back
-
changeStep(step + 1)}> -
- +
changeStep(step + 1)}> +
+ Next
diff --git a/app/components/ChannelForm/Footer.scss b/app/components/ChannelForm/Footer.scss index 3c1e773a..011ec907 100644 --- a/app/components/ChannelForm/Footer.scss +++ b/app/components/ChannelForm/Footer.scss @@ -1,8 +1,14 @@ .footer { - text-align: center; + display: flex; + flex-direction: row; + justify-content: space-between; padding-bottom: 30px; div { - margin: 0 5px; + margin: 0 20px; + + div { + padding: 18px 60px 15px 60px; + } } } \ No newline at end of file diff --git a/app/components/ChannelForm/StepFour.js b/app/components/ChannelForm/StepFour.js index 5b81dcec..04be2fcb 100644 --- a/app/components/ChannelForm/StepFour.js +++ b/app/components/ChannelForm/StepFour.js @@ -10,7 +10,7 @@ class StepFour extends Component { return (
-

Node key

+

Peer

{node_key}