finance-member-info.less

.member {
    .memberinfo {
        .transaction {
            &.splitequally {
                .desc {
                    display: inline-block;
                    width: ~"calc(100% - 125px)";
                }
                .amount {
                    display: inline-block;
                    text-align: right;
                    width: 120px;
                }
            }
            &.splitbypayment {
                .payment {
                    .desc {
                        display: inline-block;
                        width: ~"calc(100% - 235px)";
                    }
                    .amount {
                        text-align: left;
                        width: 110px;
                    }
                    .amount-paid {
                        display: inline-block;
                        margin-right: 10px;
                        padding-left: 10px;
                        width: 100px !important;
                    }
                }
            }
        }
    }
}
@media screen and (max-width: 550px) {
    .member {
        border-bottom: 1px solid #acacac;
        font-size: small;

        &:last-child {
            border: none;
        }

        .memberinfo {
            .transaction {
                &.splitequally {
                    .desc {
                        width: ~"calc(100% - 75px)";
                    }
                    .amount {
                        width: 70px;
                    }
                }
                &.splitbypayment {

                }
            }
        }
    }
}