fix: success message

new-lamassu-admin/src/pages/AddMachine/styles.js

@@ -3,7 +3,9 @@ import {
   placeholderColor,
   backgroundColor,
   primaryColor,
-  mainWidth
+  mainWidth,
+  spring2,
+  spring3
 } from 'src/styling/variables'
 
 const { tl2, p } = typographyStyles
@@ -55,12 +57,15 @@ const styles = {
   qrCodeWrapper: {
     display: 'flex'
   },
+  qrTextInfoWrapper: {
+    display: 'flex',
+    flexDirection: 'row'
+  },
   qrTextWrapper: {
     width: 381,
     marginLeft: 80,
     display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center'
+    flexDirection: 'column'
   },
   textWrapper: {
     display: 'flex',
@@ -99,6 +104,24 @@ const styles = {
   },
   stepperPast: {
     border: [[1, 'solid', primaryColor]]
+  },
+  successMessageWrapper: {
+    backgroundColor: spring3,
+    display: 'flex',
+    flexDirection: 'row',
+    padding: '0px 10px',
+    borderRadius: '8px'
+  },
+  successMessage: {
+    color: spring2,
+    margin: '8px 0px'
+  },
+  successMessageIcon: {
+    marginRight: 16,
+    marginBottom: 2,
+    display: 'flex',
+    flexDirection: 'col',
+    alignItems: 'center'
   }
 }