diff --git a/src/modules/ui/directives/transaction/transactions.less b/src/modules/ui/directives/transaction/transactions.less
index bcbfaf085a..f20caf9d2b 100644
--- a/src/modules/ui/directives/transaction/transactions.less
+++ b/src/modules/ui/directives/transaction/transactions.less
@@ -206,7 +206,7 @@ w-transaction .transaction {
.transaction-info {
display: flex;
flex-direction: row;
- width: 100%;
+ width: ~'calc(100% - 88px)';
.full-width {
width: 100%;
@@ -220,18 +220,31 @@ w-transaction .transaction {
.line {
height: 50%;
flex-basis: 50%;
+ box-sizing: border-box;
+ overflow: hidden;
color: @color-basic-700;
&:last-child {
padding-right: @padding-main-layout * 4.4;
text-align: right;
+
+ .top {
+ word-break: break-all;
+ }
}
.top {
- word-break: break-all;
.spam-label {
display: none;
}
+
+ .flex {
+ flex: 0;
+
+ .ellipsis {
+ max-width: 120px;
+ }
+ }
}
.bottom {
color: @color-basic-500;
@@ -291,6 +304,11 @@ w-transaction .transaction {
}
}
+.transaction-amounts {
+ max-width: 100%;
+ display: inline-block;
+}
+
@media screen and (max-width: 960px) {
.leasing w-transaction .transaction {
.icon {
diff --git a/src/modules/ui/directives/transaction/types/exchange/exchange.html b/src/modules/ui/directives/transaction/types/exchange/exchange.html
index 3b0e09e39d..8371fe36a8 100644
--- a/src/modules/ui/directives/transaction/types/exchange/exchange.html
+++ b/src/modules/ui/directives/transaction/types/exchange/exchange.html
@@ -1,8 +1,11 @@
-
-
+
+
+
+ {{$ctrl.getAssetName($ctrl.transaction.amount.asset)}}
+
{{$ctrl.amountAssetName}}
-
{{$ctrl.balance.asset.name}}
+
{{$ctrl.balance.asset.name}}
-
- {{$ctrl.balance.asset.displayName}}
+
+ {{$ctrl.balance.asset.displayName}}
-
{{::option.asset.name}}
+
{{::option.asset.name}}
-
- {{::option.asset.displayName}}
+
+ {{::option.asset.displayName}}
diff --git a/src/modules/utils/modals/sendAsset/send.modal.less b/src/modules/utils/modals/sendAsset/send.modal.less
index 22f616903b..b38ce647cf 100644
--- a/src/modules/utils/modals/sendAsset/send.modal.less
+++ b/src/modules/utils/modals/sendAsset/send.modal.less
@@ -172,6 +172,7 @@ md-dialog.modal-send {
.asset__name {
margin-left: 10px;
+ max-width: 122px;
}
.flex-row {
@@ -225,31 +226,19 @@ md-dialog.modal-send {
&__balance {
font-size: 15px;
+ display: flex;
@media screen and (max-width: 540px) {
font-size: 13px;
}
}
- }
- }
- .input-like {
- position: relative;
- padding: 0 20px;
- border-radius: @border-radius;
- width: 100%;
- display: flex;
- flex-direction: row;
- align-items: center;
- overflow-x: hidden;
- }
+ &__amount {
+ max-width: 100px;
+ }
+ }
- w-select {
.title {
overflow-x: hidden;
-
- span {
- white-space: nowrap;
- }
}
.expanded {
@@ -264,6 +253,17 @@ md-dialog.modal-send {
}
}
+ .input-like {
+ position: relative;
+ padding: 0 20px;
+ border-radius: @border-radius;
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ overflow-x: hidden;
+ }
+
.amount-wrap {
display: flex;
flex-direction: row;
@@ -282,6 +282,10 @@ md-dialog.modal-send {
w-balance {
vertical-align: top;
white-space: nowrap;
+
+ &.asset__amount {
+ max-width: 100px;
+ }
}
w-balance-input {