add token permissions to landing page

additional styling clean up
make more mobile friendly

app/components/ens/nameLookup.js

@@ -19,8 +19,7 @@ const getDomain = fullDomain => formatName(fullDomain).split('.').slice(1).join(
 const hashedDomain = domainName => hash(getDomain(domainName));
 
 const cardStyle = {
-  width: '75%',
-  marginLeft: '15%',
+  width: '100%',
   padding: '30px',
   height: '425px'
 }

app/components/ens/registerSubDomain.js

@@ -76,7 +76,7 @@ const InnerForm = ({
       id="address"
       name="address"
       type="text"
-      label="Ethereum address domain resolves to (optional)"
+      label="Ethereum address domain resolves to"
       onChange={handleChange}
       onBlur={handleBlur}
       value={values.address}

app/components/ensSubManagement.js

@@ -34,10 +34,5 @@ const ENSSubManagement = (props) => (
     <SetupENS ENSRegistry={ENSRegistry} />
   </Fragment>
 )
-setTimeout(() => ENSRegistry.getPastEvents(
-  'allEvents',
-  {},
-  (err, res) => {
-    console.log(err, res) }), 2000)
 
 export default ENSSubManagement;

app/components/standard/TokenPermission.js

@@ -62,7 +62,7 @@ class TokenHandle extends PureComponent {
     const { symbol } = this.props;
     const { balance, approved } = this.state;
     return (
-      <div style={{ display: 'flex' }}>
+      <div style={{ display: 'flex', justifyContent: 'center', margin: '10px', paddingLeft: '60px' }}>
         <Toggle
           checked={!!Number(approved)}
           name={symbol}

app/dapp.js

@@ -6,9 +6,12 @@ import EmbarkJS from 'Embark/EmbarkJS';
 import TopNavbar from './components/topnavbar';
 import TestTokenUI from './components/testtoken';
 import ERC20TokenUI from './components/erc20token';
+import TestToken from 'Embark/contracts/TestToken';
 import ENSSubManagement from './components/ensSubManagement';
+import ENSSubdomainRegistry from 'Embark/contracts/ENSSubdomainRegistry';
 import NameLookup from './components/ens/nameLookup';
-import AdminMode from './components/AdminMode'
+import AdminMode from './components/AdminMode';
+import TokenPermissions from './components/standard/TokenPermission';
 
 import './dapp.css';
 
@@ -44,6 +47,11 @@ class App extends React.Component {
          <Fragment>
            <NameLookup />
            <div style={{ textAlign: 'center', marginTop: '10%' }}>
+             <TokenPermissions
+               symbol='SNT'
+               spender={ENSSubdomainRegistry._address}
+               methods={TestToken.methods} />
+             <hr/>
              <Toggle onChange={() => { this.setState({ admin: !admin })}} />
              <br/>
              <span>Admin Mode</span>