Fix odd relative position conflict so main icon is rounded - See flyswatter/jazzicon/issues/1

1 files changed, 19 insertions, 22 deletions

diff --git a/ui/app/components/wallet-view.js b/ui/app/components/wallet-view.js
index cf7f74e49..38b2787d5 100644
--- a/ui/app/components/wallet-view.js
+++ b/ui/app/components/wallet-view.js
@@ -88,39 +88,36 @@ WalletView.prototype.render = function () {
       ]),
 
       h('div.flex-column.flex-center', {
-        style: {
-          position: 'relative',
-        },
       }, [
-
-        h('.identicon-wrapper.select-none', {
+        h('div', {
           style: {
-            marginBottom: '1%',
-          },
+            position: 'relative',
+          }
         }, [
-          h(Identicon, {
-            diameter: 54,
-            address: selectedAddress,
-          }),
+          h(AccountDropdowns, {
+            style: {
+              position: 'absolute',
+              left: 'calc(50% + 28px + 5.5px)',
+              top: '14px',
+            },
+            selected: selectedAddress,
+            network,
+            identities,
+            enableAccountsSelector: true,
+          }, []),
         ]),
 
+        h(Identicon, {
+          diameter: 54,
+          address: selectedAddress,
+        }),
+
         h('span.account-name', {
           style: {}
         }, [
           'Account 1'
         ]),
 
-        h(AccountDropdowns, {
-          style: {
-            position: 'absolute',
-            left: 'calc(50% + 28px + 5.5px)',
-            top: '19.5%',
-          },
-          selected: selectedAddress,
-          network,
-          identities,
-          enableAccountsSelector: true,
-        }, []),
       ]),
     ]),