style: fix positioning of car page button
This commit is contained in:
parent
2a1356d192
commit
840788e044
4 changed files with 115 additions and 115 deletions
|
|
@ -46,9 +46,7 @@ const booleanPropertiesTableStyles = {
|
|||
flex: 'wrap'
|
||||
},
|
||||
rightAligned: {
|
||||
display: 'flex',
|
||||
position: 'absolute',
|
||||
right: 0
|
||||
marginLeft: 'auto'
|
||||
},
|
||||
radioButtons: {
|
||||
display: 'flex',
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
)
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -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]]
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@ import TermsConditions from './TermsConditions'
|
|||
|
||||
const localStyles = {
|
||||
contentWrapper: {
|
||||
width: '100%',
|
||||
marginLeft: 48,
|
||||
paddingTop: 15
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue