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

ui/app/components/wallet-view.js

@@ -88,21 +88,29 @@ WalletView.prototype.render = function () {
       ]),
 
       h('div.flex-column.flex-center', {
+      }, [
+        h('div', {
           style: {
             position: 'relative',
-        },
+          }
         }, [
-
+          h(AccountDropdowns, {
-        h('.identicon-wrapper.select-none', {
             style: {
-            marginBottom: '1%',
+              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: {}
@@ -110,17 +118,6 @@ WalletView.prototype.render = function () {
           'Account 1'
         ]),
 
-        h(AccountDropdowns, {
-          style: {
-            position: 'absolute',
-            left: 'calc(50% + 28px + 5.5px)',
-            top: '19.5%',
-          },
-          selected: selectedAddress,
-          network,
-          identities,
-          enableAccountsSelector: true,
-        }, []),
       ]),
     ]),