#user-name-outer {
    display:inline-flex;
    align-items: flex-end;
}

#user-name-outer img {
    margin-left:20px;
}

.track-detail-row {
    display:flex;
    justify-content: space-between;
    width:630px;
}

.track-detail-label {
    width:230px;
    margin-right:20px;
    text-align: left;
    font-weight:bold;
}

.track-detail-data {
    width:400px;
    margin-left:20px;
    text-align: left;
}


.star-rating {
    direction: rtl;
    display: inline-block;
    cursor: pointer;
}

.star-rating input {
    display: none;
}

.star-rating label {
    color: #ddd;
    font-size: 24px;
    padding: 0 2px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.star-rating label:hover,
.star-rating label:hover~label,
.star-rating input:checked~label {
    color: #ffc107;
}