style: fix positioning of car page button

new-lamassu-admin/src/components/booleanPropertiesTable/BooleanPropertiesTable.styles.js

@@ -46,9 +46,7 @@ const booleanPropertiesTableStyles = {
     flex: 'wrap'
   },
   rightAligned: {
-    display: 'flex',
+    marginLeft: 'auto'
-    position: 'absolute',
-    right: 0
   },
   radioButtons: {
     display: 'flex',

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

@@ -73,17 +73,8 @@ const CoinATMRadar = memo(() => {
   if (!coinAtmRadarConfig) return null
 
   return (
-    <>
+    <div className={classes.content}>
-      <div className={classes.rightAligned}>
+      <div>
-        <div className={classes.button}>
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://coinatmradar.com/">
-            <Button>Coin ATM Radar page</Button>
-          </a>
-        </div>
-      </div>
         <div className={classes.rowWrapper}>
           <H4>Coin ATM Radar share settings</H4>
           <div className={classes.transparentButton}>
@@ -186,7 +177,14 @@ const CoinATMRadar = memo(() => {
           ]}
           save={save}
         /> */}
-    </>
+      </div>
+      <a
+        target="_blank"
+        rel="noopener noreferrer"
+        href="https://coinatmradar.com/">
+        <Button>Coin ATM Radar page</Button>
+      </a>
+    </div>
   )
 })
 

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

@@ -2,10 +2,14 @@ import baseStyles from 'src/pages/Logs.styles'
 import { booleanPropertiesTableStyles } from 'src/components/booleanPropertiesTable/BooleanPropertiesTable.styles'
 
 const { button } = baseStyles
-const { rowWrapper, rightAligned } = booleanPropertiesTableStyles
+const { rowWrapper } = booleanPropertiesTableStyles
 
 const mainStyles = {
   button,
+  content: {
+    display: 'flex',
+    justifyContent: 'space-between'
+  },
   transparentButton: {
     '& > *': {
       margin: 'auto 15px'
@@ -21,7 +25,6 @@ const mainStyles = {
     display: 'flex',
     marginLeft: 120
   },
-  rightAligned,
   popoverContent: {
     width: 272,
     padding: [[10, 15]]

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

@@ -13,6 +13,7 @@ import TermsConditions from './TermsConditions'
 
 const localStyles = {
   contentWrapper: {
+    width: '100%',
     marginLeft: 48,
     paddingTop: 15
   }