.room {
    margin-left: 2em;
}
.info {
    align-items: center;
    display:flex;
}

summary {
    display:flex;
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;

    border-left: 6px solid black;
    margin: 0.5em;
}

.roomAvatar {
    height: 36px;
    width: 36px;
    margin: 0.5em;
}

.topic {
    font-size: smaller;
    color: DarkSlateGrey;
    margin-left: 2em;

    width: 40em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topic:hover {
    overflow: visible;
}