diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-01-11 13:09:09 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-01-11 13:09:09 +0800 |
commit | 208e94d3bfdaf5ab6f279fb2000f1a3d14920b1b (patch) | |
tree | cb3580f55af74228f97c50714bbb517331b445f2 /ui/app/css/itcss/components/hero-balance.scss | |
parent | 3b2a519d46b44b819c799741d44bc94022f4b6ed (diff) | |
download | tangerine-wallet-browser-208e94d3bfdaf5ab6f279fb2000f1a3d14920b1b.tar.gz tangerine-wallet-browser-208e94d3bfdaf5ab6f279fb2000f1a3d14920b1b.tar.zst tangerine-wallet-browser-208e94d3bfdaf5ab6f279fb2000f1a3d14920b1b.zip |
Update main view styling
Diffstat (limited to 'ui/app/css/itcss/components/hero-balance.scss')
-rw-r--r-- | ui/app/css/itcss/components/hero-balance.scss | 30 |
1 files changed, 18 insertions, 12 deletions
diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss index bdbdd2645..643363f95 100644 --- a/ui/app/css/itcss/components/hero-balance.scss +++ b/ui/app/css/itcss/components/hero-balance.scss @@ -16,7 +16,7 @@ flex-direction: row; justify-content: flex-start; align-items: center; - margin: 2.8em 2.37em .8em; + margin: 2.3em 2.37em .8em; } .balance-container { @@ -42,8 +42,9 @@ text-align: center; .token-amount { - font-size: 175%; - margin-top: 12.5%; + font-size: 1.75rem; + margin-top: 1rem; + font-weight: 400; } .fiat-amount { @@ -54,12 +55,13 @@ } @media screen and (min-width: $break-large) { - margin-left: 3%; + margin-left: .8em; justify-content: flex-start; align-items: flex-start; .token-amount { - font-size: 135%; + font-size: 1.5rem; + font-weight: 400; } .fiat-amount { @@ -69,13 +71,6 @@ } } - .balance-icon { - border-radius: 25px; - width: 45px; - height: 45px; - border: 1px solid $alto; - } - .hero-balance-buttons { @media screen and (max-width: $break-small) { @@ -112,3 +107,14 @@ } } } + +.hero-balance-button { + text-align: center; + padding: .9rem 1rem; + color: $white; + background: $curious-blue; + border-radius: 2px; + font-size: .85rem; + width: 6rem; + font-weight: 300; +} |