From c7b61f52bad8ce16c43d6976a49ce6286593b96e Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Mon, 16 Jul 2018 12:56:23 -0400
Subject: [PATCH] make register button full width

---
 app/components/ens/registerSubDomain.js | 4 ++--
 app/ui/components/MobileButton.js       | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/components/ens/registerSubDomain.js b/app/components/ens/registerSubDomain.js
index f721b4e..25f3b10 100644
--- a/app/components/ens/registerSubDomain.js
+++ b/app/components/ens/registerSubDomain.js
@@ -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>
diff --git a/app/ui/components/MobileButton.js b/app/ui/components/MobileButton.js
index 1083443..7dcd644 100644
--- a/app/ui/components/MobileButton.js
+++ b/app/ui/components/MobileButton.js
@@ -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>