fix button styling to work on safari

app/components/ens/nameLookup.js

@@ -231,7 +231,7 @@ const InnerForm = ({
      <div>
        <LookupForm {...{ handleSubmit, values, handleChange }} justSearch />
        <ConnectedRegister
-         style={{ margin: '10px'}}
+         style={{ position: 'relative' }}
          setStatus={setStatus}
          domainName={values.domainName}  />
      </div>

app/components/ens/registerSubDomain.js

@@ -28,6 +28,7 @@ const InnerForm = ({
   statusContactCode
 }) => (
   <form onSubmit={handleSubmit}>
+    <div style={{ margin: '10px' }}>
     {!subDomain &&
      <FieldGroup
        id="subDomain"
@@ -120,6 +121,7 @@ const InnerForm = ({
         <MobileButton type="submit" text="Register with transaction" style={{ width: '100%' }}/>
       </div>
     </Hidden>
+    </div>
   </form>
 );
 

app/components/ens/welcome.js

@@ -9,7 +9,7 @@ const styles = theme => ({
   button: {
     margin: theme.spacing.unit,
     borderRadius: '4px',
-    backgroundColor: 'rgb(67, 96, 223, 0.1)',
+    backgroundColor: 'rgba(67, 96, 223, 0.1)',
   }
 });
 

app/ui/components/MobileButton.js

@@ -6,7 +6,7 @@ import Button from '@material-ui/core/Button';
 const styles = theme => ({
   button: {
     borderRadius: '4px',
-    backgroundColor: 'rgb(67, 96, 223, 0.1)',
+    backgroundColor: 'rgba(67, 96, 223, 0.1)',
   }
 });
 const buttonText = { color: '#4360df', margin: '0 20px', fontWeight: 300 };