diff --git a/ui/app/components/tx-view.js b/ui/app/components/tx-view.js index 164684821..ed8f05e95 100644 --- a/ui/app/components/tx-view.js +++ b/ui/app/components/tx-view.js @@ -78,11 +78,8 @@ TxView.prototype.render = function () { }), ]), - h('span', { - style: { - fontSize: '1.2em', - marginLeft: '0.5em', // TODO: switch all units for this component to em - } + h('span.account-name', { + style: {} }, [ 'Account 1' ]), diff --git a/ui/app/components/wallet-view.js b/ui/app/components/wallet-view.js index e0bc34b49..9b27f1cca 100644 --- a/ui/app/components/wallet-view.js +++ b/ui/app/components/wallet-view.js @@ -63,11 +63,8 @@ WalletView.prototype.render = function () { }), ]), - h('span', { - style: { - fontSize: '1.2em', - marginLeft: '0.6em', // TODO: switch all units for this component to em - } + h('span.account-name', { + style: {} }, [ 'Account 1' ]), diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss index 61d7f7c92..fabba9ed8 100644 --- a/ui/app/css/itcss/components/hero-balance.scss +++ b/ui/app/css/itcss/components/hero-balance.scss @@ -26,7 +26,7 @@ $break-large: 576px; .token-amount { font-size: 175%; - margin-top: 15%; + margin-top: 12.5%; } .fiat-amount { @@ -79,7 +79,7 @@ $break-large: 576px; border: 1px solid; @media screen and (max-width: $break-small) { - width: 22%; + width: 28%; height: 55%; } diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss index 39cdc507a..761e74561 100644 --- a/ui/app/css/itcss/components/newui-sections.scss +++ b/ui/app/css/itcss/components/newui-sections.scss @@ -101,3 +101,9 @@ border: 1px solid; } } + +// wallet view +.account-name { + font-size: 102%; + margin-left: 3%; +}