From b900da885ebb5b5581a670d9ca85761cecaa648f Mon Sep 17 00:00:00 2001 From: sdtsui Date: Mon, 14 Aug 2017 07:33:43 +0200 Subject: Fix odd relative position conflict so main icon is rounded - See flyswatter/jazzicon/issues/1 --- ui/app/components/wallet-view.js | 41 +++++++++++++++++++--------------------- 1 file changed, 19 insertions(+), 22 deletions(-) (limited to 'ui') 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, - }, []), ]), ]), -- cgit