From 3cf8e9beede34989aa7a0eb55aa26d93e972704e Mon Sep 17 00:00:00 2001
From: Nikola Ubavic <53820106+ubavic@users.noreply.github.com>
Date: Wed, 9 Mar 2022 15:02:14 +0100
Subject: [PATCH] fix: misaligned button

chore: remove unneeded styles
---
 .../src/pages/Cashout/WizardStep.js           | 48 +++++++++----------
 .../src/pages/Cashout/WizardStep.styles.js    | 30 ++++--------
 2 files changed, 32 insertions(+), 46 deletions(-)

diff --git a/new-lamassu-admin/src/pages/Cashout/WizardStep.js b/new-lamassu-admin/src/pages/Cashout/WizardStep.js
index c4694c35..a91f67fc 100644
--- a/new-lamassu-admin/src/pages/Cashout/WizardStep.js
+++ b/new-lamassu-admin/src/pages/Cashout/WizardStep.js
@@ -75,7 +75,7 @@ const WizardStep = ({
           }}
           enableReinitialize
           validationSchema={schema}>
-          <Form>
+          <Form className={classes.column}>
             <div className={classes.header}>
               {steps.map(
                 ({ type, display, component }, idx) =>
@@ -122,31 +122,31 @@ const WizardStep = ({
       )}
 
       {isLastStep && (
-        <div className={classes.disclaimer}>
-          <Info2 className={classes.title}>Cash Cassette Bill Count</Info2>
-          <P>
-            <WarningIcon className={classes.disclaimerIcon} />
-            When enabling cash-out, your bill count will be automatically set to
-            zero. Make sure you physically put cash inside the cash cassettes to
-            allow the machine to dispense it to your users. If you already did,
-            make sure you set the correct cash cassette bill count for this
-            machine on your Cash Boxes & Cassettes tab under Maintenance.
-          </P>
-
-          <Info2 className={classes.title}>Default Commissions</Info2>
-          <P>
-            <WarningIcon className={classes.disclaimerIcon} />
-            When enabling cash-out, default commissions will be set. To change
-            commissions for this machine, please go to the Commissions tab under
-            Settings where you can set exceptions for each of the available
-            cryptocurrencies.
-          </P>
+        <div className={classes.column}>
           <div>
-            {error && <ErrorMessage>Failed to save</ErrorMessage>}
-            <Button className={classes.submit} onClick={() => onContinue()}>
-              {label}
-            </Button>
+            <Info2 className={classes.title}>Cash Cassette Bill Count</Info2>
+            <P>
+              <WarningIcon className={classes.disclaimerIcon} />
+              When enabling cash-out, your bill count will be automatically set
+              to zero. Make sure you physically put cash inside the cash
+              cassettes to allow the machine to dispense it to your users. If
+              you already did, make sure you set the correct cash cassette bill
+              count for this machine on your Cash Boxes & Cassettes tab under
+              Maintenance.
+            </P>
+            <Info2 className={classes.title}>Default Commissions</Info2>
+            <P>
+              <WarningIcon className={classes.disclaimerIcon} />
+              When enabling cash-out, default commissions will be set. To change
+              commissions for this machine, please go to the Commissions tab
+              under Settings where you can set exceptions for each of the
+              available cryptocurrencies.
+            </P>
           </div>
+          {error && <ErrorMessage>Failed to save</ErrorMessage>}
+          <Button className={classes.submit} onClick={() => onContinue()}>
+            {label}
+          </Button>
         </div>
       )}
     </>
diff --git a/new-lamassu-admin/src/pages/Cashout/WizardStep.styles.js b/new-lamassu-admin/src/pages/Cashout/WizardStep.styles.js
index 2108ec52..4cd13301 100644
--- a/new-lamassu-admin/src/pages/Cashout/WizardStep.styles.js
+++ b/new-lamassu-admin/src/pages/Cashout/WizardStep.styles.js
@@ -30,22 +30,21 @@ export default {
   suffix: {
     paddingLeft: spacer * 2
   },
-  button: {
-    marginLeft: 'auto'
-  },
   submit: {
-    float: 'right'
+    alignSelf: 'flex-end'
   },
   picker: {
     width: LABEL_WIDTH
   },
   header: {
-    display: 'flex',
-    marginBottom: 95
+    display: 'flex'
   },
-  thirdStepHeader: {
+  column: {
     display: 'flex',
-    paddingBottom: 188
+    flexGrow: 2,
+    flexDirection: 'column',
+    paddingBottom: 32,
+    justifyContent: 'space-between'
   },
   step: {
     flex: 1
@@ -55,21 +54,8 @@ export default {
     top: -20,
     right: 14
   },
-  content: {
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'space-between',
-    flex: 1,
-    paddingBottom: 32
-  },
-  disclaimer: {
-    display: 'flex',
-    flex: 1,
-    flexDirection: 'column',
-    justifyContent: 'space-between'
-  },
   disclaimerIcon: {
     float: 'left',
-    margin: [[-4, 16, 48, 0]]
+    margin: [[2, 16, 48, 0]]
   }
 }