status-im
/
ens-usernames
mirror of https://github.com/status-im/ens-usernames.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

make register button full width

This commit is contained in:
Barry Gitarts 2018-07-16 12:56:23 -04:00
parent 9320c0d617
commit c7b61f52ba
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/ens/registerSubDomain.js
View File

@ -113,8 +113,8 @@ const InnerForm = ({
required
wide />
</Field>
<div style={{ position: 'absolute', left: 0, right: 0, bottom: 0, width: '1vw'}}>
<MobileButton type="submit" text="Register with transaction" />
<div style={{ position: 'absolute', left: 0, right: 0, bottom: 0 }}>
<MobileButton type="submit" text="Register with transaction" style={{ width: '100%' }}/>
</div>
</Hidden>
</form>

5
app/ui/components/MobileButton.js
View File

@ -5,15 +5,14 @@ import Button from '@material-ui/core/Button';
const styles = theme => ({
button: {
margin: theme.spacing.unit,
borderRadius: '4px',
backgroundColor: 'rgb(67, 96, 223, 0.1)',
}
});
const buttonText = { color: '#4360df', margin: '0 20px', fontWeight: 300 };
const MobileButton = ({ classes, text, type }) => (
const MobileButton = ({ classes, text, type, style }) => (
<Fragment>
<Button type={type} size="large" className={classNames(classes.button)} >
<Button type={type} size="large" className={classNames(classes.button)} style={style}>
<div style={buttonText}>{text}</div>
</Button>
</Fragment>