better discord css

example.css

/* messages */
/* normal mode */
.message-group:not(.compact) {
  margin: 0 0 0 7px;
  padding: 4px;
  border: none;
}

.message-group .comment .markup {
  margin-top: 3px;
  font-family: 'dejavu sans mono';
  font-size: 14px;
  line-height: 1.1em;
}

.message-group h2 {
  margin-bottom: 3px;   
}

.message-group h2 .timestamp {
  font-family: 'dejavu sans mono';
  font-size: 14px;
}

.message-group .avatar-large {
  margin: 0px 10px 0px 0px;  
  width: 35px;
  height: 35px;
}

.chat .jump-to-present-bar {
  left: 15px;
  right: 15px;
}

/* compact */
.message-group.compact.message-group {
  padding: 0;
  margin: 0;
  border: none;
}

.message-group.compact .message {
  line-height: 1.1em;   
  margin: 0;
}

.message-group.compact .comment .markup {
  margin-top: 3px;
  margin-bottom: 3px;
  white-space: normal;
}

.message-group.compact .timestamp {
  font-size: 100%;
  padding-right: 10px;
}

.message-group.compact .message .markup .user-name:before {
  content: '<'
}

.message-group.compact .message .markup .user-name:after {
  content: '>'
}

/* chat input */
.chat form {
  border: none;
  box-shadow: none;
  margin: 10px 10px 0px 10px;
}

.channel-textarea {
  margin: 0 0 30px 0;
}

/* member list, currently wonky as fuck
.channel-members .member {
  padding: 0px 0px 0px 15px;
}

.channel-members .avatar-small {
  width: 20px;
  height: 20px;
}
*/

/* channel bar */
.channels-wrap {
 width: auto;   
}

/* channel list */
.guild-channels .channel-text a, .guild-channels .channel-voice {
  padding: 5px 0 5px 10px;
}

.guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  top: 9px;
  left: -6px;
}