fix desktop styling

This commit is contained in:
Barry Gitarts 2018-08-18 16:34:45 -04:00
parent 54709bb7cb
commit 918ab24b2a
2 changed files with 4 additions and 4 deletions

View File

@ -241,7 +241,7 @@ const LookupForm = ({ handleSubmit, values, handleChange, justSearch }) => (
<Fragment> <Fragment>
<form onSubmit={handleSubmit} onBlur={handleSubmit} > <form onSubmit={handleSubmit} onBlur={handleSubmit} >
<Hidden mdDown> <Hidden mdDown>
<Field label="Enter Domain or Status Name" wide> <Field label="Enter Domain or Status Name" style={{ margin: 50 }}>
<TextInput <TextInput
value={values.domainName} value={values.domainName}
name="domainName" name="domainName"
@ -265,7 +265,7 @@ const LookupForm = ({ handleSubmit, values, handleChange, justSearch }) => (
</Typography>} </Typography>}
</Hidden> </Hidden>
<Hidden mdDown> <Hidden mdDown>
<Button mode="strong" type="submit" wide> <Button mode="strong" type="submit" style={{ marginLeft: '3%', maxWidth: '95%' }} wide>
Lookup Address Lookup Address
</Button> </Button>
</Hidden> </Hidden>
@ -286,7 +286,7 @@ const InnerForm = ({
}) => ( }) => (
<div> <div>
<Hidden mdDown> <Hidden mdDown>
<span style={{ display: 'flex', justifyContent: 'space-evenly', marginBottom: '10px' }}> <span style={{ display: 'flex', justifyContent: 'space-evenly', margin: '50 0 10 0' }}>
<StatusLogo /> <StatusLogo />
<img style={{ maxWidth: '150px', alignSelf: 'center' }} src={EnsLogo} alt="Ens Logo"/> <img style={{ maxWidth: '150px', alignSelf: 'center' }} src={EnsLogo} alt="Ens Logo"/>
</span> </span>

View File

@ -62,7 +62,7 @@ class App extends React.Component {
<div> <div>
<NameLookup /> <NameLookup />
<Hidden mdDown> <Hidden mdDown>
<div style={{ textAlign: 'center' }}> <div style={{ textAlign: 'center', margin: '0px 40px' }}>
<TokenPermissions <TokenPermissions
symbol={symbols[network] || 'SNT'} symbol={symbols[network] || 'SNT'}
spender={ENSSubdomainRegistry._address} spender={ENSSubdomainRegistry._address}