fix: cross icon replace

fix: space between switch buttons and label
fix: switch button shadow
feat: change CoinATMRadar fields to table
refactor: css classes

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

@@ -1,26 +1,15 @@
-import typographyStyles from 'src/components/typography/styles'
-import theme from 'src/styling/theme'
 import { offColor } from 'src/styling/variables'
 
-const { p } = typographyStyles
-
-const styles = {
+const global = {
+  content: {
+    display: 'flex'
+  },
   header: {
     display: 'flex',
     alignItems: 'center',
     position: 'relative',
     flex: 'wrap'
   },
-  transparentButton: {
-    '& > *': {
-      margin: 'auto 12px'
-    },
-    '& button': {
-      border: 'none',
-      backgroundColor: 'transparent',
-      cursor: 'pointer'
-    }
-  },
   section: {
     marginBottom: 52
   },
@@ -37,55 +26,23 @@ const styles = {
   switchRow: {
     display: 'flex',
     alignItems: 'center',
-    marginBottom: 28,
-    width: 600
+    position: 'relative',
+    flex: 'wrap',
+    justifyContent: 'space-between',
+    width: 396
   },
   switch: {
     display: 'flex',
-    alignItems: 'center',
-    marginLeft: 120
+    alignItems: 'center'
   },
   submit: {
     justifyContent: 'flex-start',
     alignItems: 'center',
-    height: 19,
     padding: [[0, 4, 4, 4]],
     '& > button': {
       marginRight: 40
     }
   },
-  singleButton: {
-    marginTop: 50,
-    paddingLeft: 0
-  }
-}
-
-const contactInfoStyles = {
-  infoMessage: {
-    display: 'flex',
-    marginBottom: 52,
-    '& > p': {
-      width: 330,
-      color: offColor,
-      marginTop: 4,
-      marginLeft: 16
-    }
-  },
-  radioButtonsRow: {
-    height: 60,
-    marginBottom: 14
-  },
-  radioButtons: {
-    display: 'flex',
-    flexDirection: 'row',
-    paddingLeft: 4
-  },
-  rowWrapper: {
-    display: 'flex',
-    alignItems: 'center',
-    position: 'relative',
-    flex: 'wrap'
-  },
   transparentButton: {
     '& > *': {
       margin: 'auto 12px'
@@ -95,20 +52,15 @@ const contactInfoStyles = {
       backgroundColor: 'transparent',
       cursor: 'pointer'
     }
-  }
-}
-
-const termsConditionsStyles = {
-  enable: {
+  },
+  infoMessage: {
     display: 'flex',
-    alignItems: 'center',
-    marginBottom: 22 - theme.spacing(1),
-    '& > span:first-child': {
-      extend: p,
-      marginRight: 116 - theme.spacing(1)
-    },
-    '& > span:last-child': {
-      marginLeft: 4
+    marginBottom: 52,
+    '& > p': {
+      width: 330,
+      color: offColor,
+      marginTop: 4,
+      marginLeft: 16
     }
   }
 }
@@ -160,4 +112,4 @@ const fieldStyles = {
   }
 }
 
-export { styles, contactInfoStyles, termsConditionsStyles, fieldStyles }
+export { global, fieldStyles }