diff options
author | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-20 09:49:35 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-20 09:49:35 +0800 |
commit | e7f1fc44361829f05a713218f8b1837a8574c2f2 (patch) | |
tree | 10175a7399c545861508009827f2247fb5f5711e /ui/app/css | |
parent | 566ffee8cd4c2d25e5399a9f6fb4d9ed1c8cd564 (diff) | |
download | tangerine-wallet-browser-e7f1fc44361829f05a713218f8b1837a8574c2f2.tar tangerine-wallet-browser-e7f1fc44361829f05a713218f8b1837a8574c2f2.tar.gz tangerine-wallet-browser-e7f1fc44361829f05a713218f8b1837a8574c2f2.tar.bz2 tangerine-wallet-browser-e7f1fc44361829f05a713218f8b1837a8574c2f2.tar.lz tangerine-wallet-browser-e7f1fc44361829f05a713218f8b1837a8574c2f2.tar.xz tangerine-wallet-browser-e7f1fc44361829f05a713218f8b1837a8574c2f2.tar.zst tangerine-wallet-browser-e7f1fc44361829f05a713218f8b1837a8574c2f2.zip |
Buy Modal Styling
Diffstat (limited to 'ui/app/css')
-rw-r--r-- | ui/app/css/itcss/components/modal.scss | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss index e9698ce5b..c85e61ae2 100644 --- a/ui/app/css/itcss/components/modal.scss +++ b/ui/app/css/itcss/components/modal.scss @@ -9,6 +9,12 @@ justify-content: center; text-align: center; font-family: 'DIN OT'; + padding: 0 16px; +} + +.buy-modal-content-option { + cursor: pointer; + color: #5B5D67; } @media screen and (max-width: 575px) { @@ -44,7 +50,6 @@ border-radius: 6px; border: 1px solid $black; padding: 0% 7%; - justify-content: space-around; div.buy-modal-content-option-title { font-size: 20px; @@ -76,29 +81,30 @@ .buy-modal-content-options { flex-direction: row; - margin: 20px 0; + margin: 20px 0 60px; } div.buy-modal-content-option { display: flex; flex-direction: column; width: 20vw; - height: 18vw; + height: 120px; text-align: center; border-radius: 6px; border: 1px solid $black; - margin: 0 .5vw; - justify-content: space-around; + margin: 0 8px; + padding: 18px 0; div.buy-modal-content-option-title { font-size: 20px; + margin-bottom: 12px; @media screen and (max-width: 679px) { font-size: 14px; } @media screen and (min-width: 1281px) { - font-size: 26px; + font-size: 20px; } } @@ -121,7 +127,7 @@ } @media screen and (min-width: 1281px) { - font-size: 20px; + font-size: 16px; padding: 0; } } |