[class^="membersGroup-"] // groups (roles)
{ &:extend(.hide); }

div[class^="content-"] > main ~ div {
  &:not(.ChannelDms-channelmembers-wrap) {
    // make it shorter
    min-width: @mem-width;
    width:     @mem-width;
  }

  aside {
    height: 100%;
  }

  div[class^="member-"] {
    padding: 0;
    margin: 0;
  }
}

span[class^="username-"] {
  font-weight: 500;
}

// friends tab
div[class^="peopleList-"] > div {
  @margin: 4px;

  & > *, & > *:hover {
    border: none;
    padding: 8px !important;
    margin: @margin !important;
  }
  .horiz-tab(2, @margin * 2);
}