m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Fix transaction list font sizes, padding

Browse Source
This commit is contained in:
Alexander Tseung 2018-01-17 20:08:29 -08:00 committed by Chi Kei Chan
parent 5fff2e19d8
commit b05d21b1ba
2 changed files with 7 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/app/components/tx-list-item.js
View File

@ -234,11 +234,7 @@ TxListItem.prototype.render = function () {
style: {}, style: {},
}, [ }, [
h('span', { h('span.tx-list-value', total),
className: classnames('tx-list-value', {
'tx-list-value--confirmed': transactionStatus === 'confirmed',
}),
}, total),
showFiatTotal && h('span.tx-list-fiat-value', fiatTotal), showFiatTotal && h('span.tx-list-fiat-value', fiatTotal),

18
ui/app/css/itcss/components/transaction-list.scss
View File

@ -73,7 +73,7 @@
} }
@media screen and (min-width: $break-large) { @media screen and (min-width: $break-large) {
padding-bottom: 12px; padding-bottom: 8px;
} }
} }
@ -91,21 +91,13 @@
} }
.tx-list-date-wrapper { .tx-list-date-wrapper {
flex: 1 1 auto;
@media screen and (max-width: $break-small) {
margin-top: 6px; margin-top: 6px;
} flex: 1 1 auto;
@media screen and (min-width: $break-large) {
margin-top: 12px;
}
} }
.tx-list-content-wrapper { .tx-list-content-wrapper {
align-items: stretch; align-items: stretch;
margin-bottom: 4px; margin-bottom: 4px;
margin-top: 2px;
flex: 1 0 auto; flex: 1 0 auto;
width: 100%; width: 100%;
display: flex; display: flex;
@ -115,7 +107,7 @@
font-size: 12px; font-size: 12px;
.tx-list-status { .tx-list-status {
font-size: 14px !important; font-size: 12px !important;
} }
.tx-list-account { .tx-list-account {
@ -129,7 +121,7 @@
.tx-list-fiat-value { .tx-list-fiat-value {
font-size: 12px; font-size: 12px;
line-height: 16px; line-height: 22px;
} }
} }
} }
@ -259,6 +251,8 @@
} }
.tx-list-fiat-value { .tx-list-fiat-value {
font-size: 12px;
line-height: initial;
text-align: right; text-align: right;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;