src/common/components/transaction-list/transaction/style.scss
.transactionContainer {
padding: 7px;
display: flex;
flex-direction: row;
justify-content:flex-start;
align-items: stretch;
align-content: stretch;
position: relative;
cursor: pointer;
&:nth-of-type(even) {
background-color: rgb(248, 248, 248);
}
&:hover {
background-color: rgb(242, 242, 242);
}
}
.transactionBody {
display: block;
position: relative;
flex-grow: 1;
padding-left: 15px;
max-width: calc(100% - 75px);
}
.transactionBodyRow {
display: flex;
flex-direction: row;
justify-content: space-between;
align-content: flex-start;
align-items: stretch;
}
.transactionTitle {
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.transactionAmount {
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: right;
}
.transactionAmountMain {
margin: 0;
font-size: 18px;
line-height: 24px;
}