#container {
    display: flex;
    flex-direction: column; /* Выстраиваем всё в колонку */
}
#block-history {
    order: 2; /* Будет вторым */
}

#block-balance {
    order: 1; /* Станет первым (над историей) */
    margin-bottom: 30px; /* Добавим отступ снизу */
}

.t-user {
    display: inline-block;
    width: 50px; /* Тот самый "Tab". Все имена будут занимать ровно столько места */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Если имя длиннее 120px, оно аккуратно сократится */
    vertical-align: middle;
}

.t-arrow {
    margin: 0 px;
    color: #94a3b8;
}

li b {
    display: inline-block;
    min-width: 50px; /* Чтобы суммы тоже стояли ровно */
    text-align: right;
    margin-right: 5px;
}