diff --git a/src/sass/views/includes/txp-details.scss b/src/sass/views/includes/txp-details.scss index 562f8ba96..17b4b1095 100644 --- a/src/sass/views/includes/txp-details.scss +++ b/src/sass/views/includes/txp-details.scss @@ -45,20 +45,33 @@ display: block; } .item { + color: #4A4A4A; border-color: $item-border-color; padding: $item-vertical-padding $item-lateral-padding; &__label { font-size: 14px; color: $item-label-color; + margin-bottom: 8px; } } .payment-proposal-to { width: 100%; display: inline-block; - padding: 5px 15px; - background-color: #f5f5f5; + padding: 8px 13px; + background-color: rgba(203, 203, 203, .13); margin-top: 10px; + display: flex; + align-items: center; + border-radius: 4px; + + img { + padding: .2rem; + padding-left: 0; + border-right: 1px solid #e4e4e4; + padding-right: 12px; + } + i { color: grey; position: inherit; @@ -71,12 +84,25 @@ } contact { margin-left: 15px; - margin-bottom: 3px; - margin-top: 5px; font-size: 14px; display: inline-block; } } + .wallet { + display: flex; + align-items: center; + padding: .2rem 0; + i { + padding: 0; + } + img { + height: 24px; + width: 24px; + padding: 2px; + margin-right: .7rem; + box-shadow: none; + } + } } .accept-slide { position: fixed; diff --git a/www/img/icon-bitcoin-small.svg b/www/img/icon-bitcoin-small.svg new file mode 100644 index 000000000..23477ff69 --- /dev/null +++ b/www/img/icon-bitcoin-small.svg @@ -0,0 +1,16 @@ + + + + Bitcoin_Symbol + Created with Sketch. + + + + + + + + + + + \ No newline at end of file diff --git a/www/views/modals/txp-details.html b/www/views/modals/txp-details.html index b7a6e6368..066ed96a1 100644 --- a/www/views/modals/txp-details.html +++ b/www/views/modals/txp-details.html @@ -53,7 +53,7 @@
To - + Multiple recipients @@ -73,12 +73,12 @@
From - - +
+ -
{{wallet.name}}
- +
{{wallet.name}}
+
Created by