aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDan Finlay <dan@danfinlay.com>2017-02-24 09:45:37 +0800
committerDan Finlay <dan@danfinlay.com>2017-02-24 09:45:37 +0800
commit42c2c3df3791e5c3f6cd744393c723c7e32e2403 (patch)
treec34c65668879f754edc3d633e2478b2a7e5e2be7
parentd1bce61996a8789759ea72dc76b6f7282afd4380 (diff)
downloadtangerine-wallet-browser-42c2c3df3791e5c3f6cd744393c723c7e32e2403.tar
tangerine-wallet-browser-42c2c3df3791e5c3f6cd744393c723c7e32e2403.tar.gz
tangerine-wallet-browser-42c2c3df3791e5c3f6cd744393c723c7e32e2403.tar.bz2
tangerine-wallet-browser-42c2c3df3791e5c3f6cd744393c723c7e32e2403.tar.lz
tangerine-wallet-browser-42c2c3df3791e5c3f6cd744393c723c7e32e2403.tar.xz
tangerine-wallet-browser-42c2c3df3791e5c3f6cd744393c723c7e32e2403.tar.zst
tangerine-wallet-browser-42c2c3df3791e5c3f6cd744393c723c7e32e2403.zip
Improve pending tx blue dot style
-rw-r--r--ui/app/components/transaction-list-item-icon.js6
-rw-r--r--ui/app/css/index.css7
2 files changed, 4 insertions, 9 deletions
diff --git a/ui/app/components/transaction-list-item-icon.js b/ui/app/components/transaction-list-item-icon.js
index 90b4ec094..ca2781451 100644
--- a/ui/app/components/transaction-list-item-icon.js
+++ b/ui/app/components/transaction-list-item-icon.js
@@ -15,11 +15,7 @@ TransactionIcon.prototype.render = function () {
const { transaction, txParams, isMsg } = this.props
switch (transaction.status) {
case 'unapproved':
- return h( !isMsg ? '.unapproved-tx-icon' : 'i.fa.fa-certificate.fa-lg', {
- style: {
- width: '24px',
- },
- })
+ return h( !isMsg ? '.unapproved-tx-icon' : 'i.fa.fa-certificate.fa-lg')
case 'rejected':
return h('i.fa.fa-exclamation-triangle.fa-lg.warning', {
diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index 4b9b5b67d..8c6ff29d3 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -410,11 +410,10 @@ input.large-input {
}
.unapproved-tx-icon {
- height: 24px;
- background: #4dffff;
- border: solid;
+ height: 16px;
+ width: 16px;
+ background: rgb(47, 174, 244);
border-color: #AEAEAE;
- border-width: 0.5px;
border-radius: 13px;
}