diff options
author | Dan <danjm.com@gmail.com> | 2017-08-31 15:28:45 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-05 09:46:14 +0800 |
commit | 7d6ad48f15aa65d28de724f550f911234ad2c58e (patch) | |
tree | b1209ccfd76db9c3ecd3c8b2066de0c6ebffb5b9 /ui/app/css/itcss/components/transaction-list.scss | |
parent | 57b3cdf9487e3858c3eecf49dad578b7dfcb3081 (diff) | |
download | tangerine-wallet-browser-7d6ad48f15aa65d28de724f550f911234ad2c58e.tar.gz tangerine-wallet-browser-7d6ad48f15aa65d28de724f550f911234ad2c58e.tar.zst tangerine-wallet-browser-7d6ad48f15aa65d28de724f550f911234ad2c58e.zip |
Touch up transaction list item styles, remove main-content scroll bars, align buttons with main-content..
Diffstat (limited to 'ui/app/css/itcss/components/transaction-list.scss')
-rw-r--r-- | ui/app/css/itcss/components/transaction-list.scss | 26 |
1 files changed, 17 insertions, 9 deletions
diff --git a/ui/app/css/itcss/components/transaction-list.scss b/ui/app/css/itcss/components/transaction-list.scss index 69a7e6718..8dca35a17 100644 --- a/ui/app/css/itcss/components/transaction-list.scss +++ b/ui/app/css/itcss/components/transaction-list.scss @@ -35,7 +35,11 @@ .tx-list-header { font-size: 16px; - margin: 1.8em 1.8em; + margin: 1.5em 2.37em; + } + + .tx-list-container::-webkit-scrollbar { + display: none; } } @@ -49,7 +53,7 @@ } @media screen and (min-width: $break-large) { - margin: .1em 1.8em; + margin: .1em 2.37em; } } @@ -63,7 +67,7 @@ } @media screen and (min-width: $break-large) { - margin: 0 1.8em; + margin: 0 2.37em; } } @@ -76,24 +80,24 @@ } @media screen and (min-width: $break-large) { - margin-top: 6px; + margin-top: 13px; } } .tx-list-content-wrapper { align-items: stretch; - margin-bottom: 8px; + margin-bottom: 4px; + margin-top: 2px; } .tx-list-date { color: $dusty-gray; - font-size: 14px; + font-size: 12px; } .tx-list-identicon-wrapper { align-self: center; - flex: 1 1 auto; - margin-left: 3px; + flex: 0.5 1 auto; } .tx-list-account-and-status-wrapper { @@ -113,7 +117,7 @@ align-items: center; .tx-list-account-wrapper { - flex: 2 2 auto; + flex: 1.3 2 auto; } .tx-list-status-wrapper { @@ -123,6 +127,7 @@ .tx-list-account { font-size: 16px; + color: $scorpion; } .tx-list-status { @@ -135,12 +140,15 @@ .tx-list-details-wrapper { align-self: center; flex: 2 2 auto; + color: $dusty-gray; .tx-list-value { font-size: 16px; + text-align: right; } .tx-list-fiat-value { font-size: 12px; + text-align: right; } } |