singleLineMulti.scss - With crap DMs

multi.scss

.guilds-wrapper {
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    width: 122px !important;
}
.guilds-wrapper .scroller-wrap {
    width: 200px !important;
}
.guilds-wrapper .guilds .guild.unread::before {
    left: -2px;
    top: 5px;
    z-index: 9000;
}
.guilds-wrapper .guilds {
    display: flex;
    flex-flow: row wrap;
    padding-left: 0;
    align-content: flex-start;
}
.guilds-wrapper .guilds .guild {
    margin-left: 8px;
    margin-top: 8px;
}
.guilds-wrapper .guilds .guild:first-child {
    position: relative;
    left: 0;
    margin: auto;
    margin-top: 15px;
}
.guilds-wrapper .guilds .guild-separator {
    position: relative;
    width: 122px;
    margin-top: 10px;
}
.guilds-wrapper .guilds .friends-online {
    position: relative;
    width: 100%;
    margin: auto;
    margin-top: 5px;
}
.guilds-wrapper .guilds .guild.selected:before {
    display: none;
}
.guilds-wrapper .guilds .guild {
    position: relative;
}
.guilds-wrapper .guilds .dms {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}
.guilds-wrapper .guilds .dms .guild {
    left: 0;
}
.message-group .accessory {
    display: flex;
    flex-flow: row wrap;
}
.message-group .accessory>*:not(:last-of-type) {
    margin-right: 10px;
}
.message-group .accessory>* {
    margin-top: 5px;
}
.reactions {
    width: 100%;
    flex: 100%;
    order: 9999999999;
}