The Lounge conversation view CSS

conversation-view.css

#chat .msg {
    display: flex;
    flex-wrap: wrap;
}
#chat .msg:not(.previous-source) {
    margin-top: 1em;
}
#chat .msg.previous-source {
    margin-top: 0em;
}
#chat .msg.previous-source .time,
#chat .msg.previous-source .from {
    display: none;
}
#chat .condensed-summary {
    margin: 0 auto;
}
#chat .condensed-summary .time,
#chat .condensed-summary .from {
    display: none;
}
#chat .from {
    order: 0;
    width: auto;
}
#chat .time {
    order: 1;
    padding-left: 0;
}
#chat .content {
    display: flex;
    flex-wrap: wrap;
    order: 2;
}
#chat .content[type="message"] {
    width: 100%;
}
#chat .content .preview,
#chat .content .whois {
    width: 100%;
}