Style send token screen

2 files changed, 17 insertions, 22 deletions

diff --git a/ui/app/components/modals/account-details-modal.js b/ui/app/components/modals/account-details-modal.js
index 838000fed..ec7e4b500 100644
--- a/ui/app/components/modals/account-details-modal.js
+++ b/ui/app/components/modals/account-details-modal.js
@@ -39,21 +39,17 @@ module.exports = connect(mapStateToProps, mapDispatchToProps)(AccountDetailsModa
 AccountDetailsModal.prototype.render = function () {
   const { selectedIdentity, network } = this.props
 
-  return h('div', {}, [
-    h('div.account-details-modal-wrapper', {
-    }, [
+  return h('div', { style: { borderRadius: '4px' }}, [
+    h('div.account-details-modal-wrapper', [
 
-      h('div', {}, [
+      h('div', [
 
         // Needs a border; requires changes to svg
-        h(
-          Identicon,
-          {
-            address: selectedIdentity.address,
-            diameter: 64,
-            style: {},
-          },
-        ),
+        h(Identicon, {
+          address: selectedIdentity.address,
+          diameter: 64,
+          style: {},
+        }),
 
       ]),
 
@@ -66,26 +62,20 @@ AccountDetailsModal.prototype.render = function () {
           message: this.props.selectedIdentity.name,
           data: this.props.selectedIdentity.address,
         },
-      }, []),
+      }),
 
       // divider
-      h('div.account-details-modal-divider', {
-        style: {},
-      }, []),
+      h('div.account-details-modal-divider'),
 
       h('button.btn-clear', {
         onClick: () => {
           const url = genAccountLink(selectedIdentity.address, network)
           global.platform.openWindow({ url })
         },
-      }, [
-        'View account on Etherscan',
-      ]),
+      }, [ 'View account on Etherscan' ]),
 
       // Holding on redesign for Export Private Key functionality
-      h('button.btn-clear', {}, [
-        'Export private key',
-      ]),
+      h('button.btn-clear', [ 'Export private key' ]),
 
     ]),
   ])
diff --git a/ui/app/components/modals/modal.js b/ui/app/components/modals/modal.js
index 85bed66e1..477dcbe86 100644
--- a/ui/app/components/modals/modal.js
+++ b/ui/app/components/modals/modal.js
@@ -62,6 +62,9 @@ const MODALS = {
       boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
       borderRadius: '4px',
     },
+    contentStyle: {
+      borderRadius: '4px',
+    }
   },
 
   NEW_ACCOUNT: {
@@ -117,6 +120,7 @@ Modal.prototype.render = function () {
 
   const children = modal.contents
   const modalStyle = modal[isMobileView() ? 'mobileModalStyle' : 'laptopModalStyle']
+  const contentStyle = modal.contentStyle || {};
 
   return h(FadeModal,
     {
@@ -127,6 +131,7 @@ Modal.prototype.render = function () {
         this.modalRef = ref
       },
       modalStyle,
+      contentStyle,
       backdropStyle: BACKDROPSTYLE,
     },
     children,