style: fix positioning of car page button

This commit is contained in:
Liordino Neto 2020-03-16 21:00:01 -03:00 committed by Josh Harvey
parent 2a1356d192
commit 840788e044
4 changed files with 115 additions and 115 deletions

View file

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

View file

@ -73,17 +73,8 @@ const CoinATMRadar = memo(() => {
if (!coinAtmRadarConfig) return null
return (
<>
<div className={classes.rightAligned}>
<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.content}>
<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>
)
})

View file

@ -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]]

View file

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