diff --git a/src/sass/forms.scss b/src/sass/forms.scss index cf0677546..3f6121088 100644 --- a/src/sass/forms.scss +++ b/src/sass/forms.scss @@ -6,3 +6,10 @@ padding-top: 15px !important; font-size: 24px !important; } + +textarea { + &.d-block { + display: block; + width: 100%; + } +} \ No newline at end of file diff --git a/www/css/main.css b/www/css/main.css index bf7d641c1..8027d43c5 100644 --- a/www/css/main.css +++ b/www/css/main.css @@ -10160,6 +10160,10 @@ ion-view.deflash-blue:before, ion-view#view-amount:before, ion-view#view-confirm padding-top: 15px !important; font-size: 24px !important; } +textarea.d-block { + display: block; + width: 100%; } + .center-block { float: none; margin: 0 auto; } @@ -13664,28 +13668,101 @@ slide-to-accept-success { */ } #txp-details .item-note, #view-confirm .item-note { -(??) word-break: keep-all; } -(??) -(??)#txp-details .info span, -(??)#view-confirm .info span { -(??) display: block; } -(??) -(??)#txp-details .info .badge, -(??)#view-confirm .info .badge { -(??) border-radius: 0; -(??) padding: .5rem; } -(??) -(??)#txp-details .info .item, -(??)#view-confirm .info .item { -(??) color: #4A4A4A; -(??) padding-top: 10px; -(??) padding-bottom: 10px; -(??) padding-left: 20px; } -(??) #txp-details .info .item:not(.item-icon-right), -(??) #view-confirm .info .item:not(.item-icon-right) { -(??) padding-right: 20px; } -(??) #txp-details .info .item .label, -(??) #view-confirm .info .item .label { + float: none; } + #txp-details .item-note .fee-rate, + #view-confirm .item-note .fee-rate { + display: inline-block; } + #txp-details .list, + #view-confirm .list { + background: #f5f5f5; } + #txp-details .add-bottom-for-cta, + #view-confirm .add-bottom-for-cta { + bottom: 92px; } + #txp-details .head, + #view-confirm .head { + padding: 30px 20px 3rem; + border-top: 0; } + #txp-details .head .sending-label, + #view-confirm .head .sending-label { + display: flex; + font-size: 18px; + align-items: center; + margin-bottom: 1.5rem; } + #txp-details .head .sending-label img, + #view-confirm .head .sending-label img { + margin-right: 1rem; + height: 35px; + width: 35px; } + #txp-details .head .amount-label, + #view-confirm .head .amount-label { + line-height: 30px; } + #txp-details .head .amount-label .amount, + #view-confirm .head .amount-label .amount { + font-size: 38px; + margin-bottom: .5rem; } + #txp-details .head .amount-label .amount > .unit, + #view-confirm .head .amount-label .amount > .unit { + font-family: "Roboto-Light"; } + #txp-details .head .amount-label .alternative, + #view-confirm .head .amount-label .alternative { + font-size: 16px; + font-family: "Roboto-Light"; + color: #9B9B9B; } + #txp-details .item, + #view-confirm .item { + border-color: #EFEFEF; } + #txp-details .item-note, + #view-confirm .item-note { + word-break: keep-all; } + #txp-details .info span, + #view-confirm .info span { + display: inline-block; } + #txp-details .info .badge, + #view-confirm .info .badge { + border-radius: 0; + padding: .5rem; } + #txp-details .info .item, + #view-confirm .info .item { + color: #4A4A4A; + padding-top: 10px; + padding-bottom: 10px; + padding-left: 20px; } + #txp-details .info .item:not(.item-icon-right), + #view-confirm .info .item:not(.item-icon-right) { + padding-right: 20px; } + #txp-details .info .item .label, + #view-confirm .info .item .label { + font-size: 14px; + color: #6C6C6E; + margin-bottom: 8px; } + #txp-details .info .item.single-line, + #view-confirm .info .item.single-line { + display: flex; + align-items: center; + padding-top: 17px; + padding-bottom: 17px; } + #txp-details .info .item.single-line .label, + #view-confirm .info .item.single-line .label { + margin: 0; + flex-grow: 1; } + #txp-details .info .item.low-fees, + #view-confirm .info .item.low-fees { + display: flex; + font-size: 14px; + color: #777; + align-items: center; } + #txp-details .info .item.low-fees i, + #view-confirm .info .item.low-fees i { + padding-right: 20px; } + #txp-details .info .item.low-fees span, + #view-confirm .info .item.low-fees span { + display: inline; } + #txp-details .info .toggle-unconfirmed, + #view-confirm .info .toggle-unconfirmed { + padding-bottom: 15px; } + #txp-details .info .toggle-label, + #view-confirm .info .toggle-label { + margin-top: 5px; font-size: 14px; color: #6C6C6E; } #txp-details .info .item-divider, @@ -13859,14 +13936,6 @@ slide-to-accept-success { #view-confirm .label.align-items-center { align-items: center; } -#txp-details .button-address, -#view-confirm .button-address { - margin-top: 10px; - background: transparent; - border: none; - font-size: 12px; - color: #aaa; } - #tx-status .popup-txsent { font-size: 5rem; color: #4A90E2; } diff --git a/www/views/signMessage.html b/www/views/signMessage.html index 85aaafa1f..10311582d 100644 --- a/www/views/signMessage.html +++ b/www/views/signMessage.html @@ -32,7 +32,7 @@
Message To Sign - +