fix: cash out fixes

fix: on and off should have a fixed width
fix: fist screen should be two p
fix: autofocus on fields after next
fix: spacing
fix: button position
fix: make the denominations a dropdown
fix: fiat should shown input suffix
fix: wizard should have splash image
fix: add missing warning icon
fix: eslint
fix: modal fiat should be a suffix
fix: increase modal height to match the spec
fix: confirmation step has repeated title
fix: label should cover both the input and the suffix
fix: use code+display to benefit from dropdown improvements

new-lamassu-admin/src/pages/Cashout/WizardStep.styles.js

@@ -1,4 +1,4 @@
-import { errorColor } from 'src/styling/variables'
+import { errorColor, spacer } from 'src/styling/variables'
 
 const LABEL_WIDTH = 150
 
@@ -6,21 +6,65 @@ export default {
   title: {
     margin: [[0, 0, 12, 0]]
   },
+  titleDiv: {
+    paddingBottom: 32
+  },
   subtitle: {
     margin: [[32, 0, 21, 0]]
   },
+  edit: {
+    margin: [[0, 0, 0, 0]]
+  },
   error: {
     color: errorColor
   },
+  bill: {
+    width: 131,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'end'
+  },
+  suffix: {
+    paddingLeft: spacer * 2
+  },
   button: {
     marginLeft: 'auto'
   },
   submit: {
-    display: 'flex',
-    flexDirection: 'row',
-    margin: [['auto', 0, 24]]
+    float: 'right'
   },
   picker: {
     width: LABEL_WIDTH
+  },
+  header: {
+    display: 'flex',
+    paddingBottom: 96,
+    '& div': {
+      flex: 1
+    },
+    '& img': {
+      position: 'relative',
+      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',
+    '& > p': {
+      '& > svg': {
+        float: 'left',
+        margin: [[-4, 16, 48, 0]]
+      }
+    }
   }
 }