diff options
| author | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-20 05:08:52 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-20 05:08:58 +0800 |
| commit | 0458643f104d7b328e24c4403e4e3d91b4d5de92 (patch) | |
| tree | 662997418adf8be40c4f387edea2252e3e58cf99 /ui/app/css/itcss/components/transaction-list.scss | |
| parent | 376ae032fedb99d22b7c71438ec9482d2013c78e (diff) | |
| download | tangerine-wallet-browser-0458643f104d7b328e24c4403e4e3d91b4d5de92.tar.gz tangerine-wallet-browser-0458643f104d7b328e24c4403e4e3d91b4d5de92.tar.zst tangerine-wallet-browser-0458643f104d7b328e24c4403e4e3d91b4d5de92.zip | |
various styling fix on mobile
Diffstat (limited to 'ui/app/css/itcss/components/transaction-list.scss')
| -rw-r--r-- | ui/app/css/itcss/components/transaction-list.scss | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/ui/app/css/itcss/components/transaction-list.scss b/ui/app/css/itcss/components/transaction-list.scss index 76fac09e2..a5d508f11 100644 --- a/ui/app/css/itcss/components/transaction-list.scss +++ b/ui/app/css/itcss/components/transaction-list.scss @@ -19,12 +19,15 @@ // margin-top: 0.2em; // margin-bottom: 0.6em; justify-content: center; + flex: 0 0 auto; } .tx-list-header { align-self: center; font-size: 12px; color: $dusty-gray; + font-family: Roboto; + text-transform: uppercase; } } @@ -66,7 +69,7 @@ flex-flow: column nowrap; @media screen and (max-width: $break-small) { - padding: 0 1.3em; + padding: 0 1.3em .8em; } @media screen and (min-width: $break-large) { @@ -112,7 +115,7 @@ font-size: 12px; .tx-list-status { - font-size: 12px !important; + font-size: 14px !important; } .tx-list-account { @@ -121,10 +124,12 @@ .tx-list-value { font-size: 14px; + line-height: 18px; } .tx-list-fiat-value { font-size: 12px; + line-height: 16px; } } } @@ -152,6 +157,14 @@ justify-content: flex-start; align-items: flex-start; align-self: center; + + .tx-list-account-wrapper { + height: 18px; + + .tx-list-account { + line-height: 14px; + } + } } @media screen and (min-width: $break-large) { |