diff --git a/ui/app/components/wallet-view.js b/ui/app/components/wallet-view.js index ad84ee6a8..3c331a100 100644 --- a/ui/app/components/wallet-view.js +++ b/ui/app/components/wallet-view.js @@ -58,7 +58,7 @@ WalletView.prototype.render = function () { h('div.flex-column.flex-center', { style: { - // constrains size of absolutely positioned wrappers + // constrains size of absolutely positioned wrappers position: 'relative', }, }, [ @@ -83,7 +83,10 @@ WalletView.prototype.render = function () { h(AccountDropdowns, { style: { position: 'absolute', - left: '66.5%', + left: 'calc(50% + 28px + 5.5px)', + // left: '42px', + // top: '-10px' + // left: '66.5%', top: '19.5%', }, selected, diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss index fabba9ed8..f7ecf0cdf 100644 --- a/ui/app/css/itcss/components/hero-balance.scss +++ b/ui/app/css/itcss/components/hero-balance.scss @@ -3,6 +3,7 @@ $break-medium: 780px; $break-large: 576px; .hero-balance { + @media screen and (max-width: $break-small) { display: flex; flex-direction: column; @@ -90,7 +91,9 @@ $break-large: 576px; min-height: 28px; font-size: .7em; } + } } + } \ No newline at end of file