#channel {
  #channel-detail {
    #channel-info {
      display:      block;
      padding-top:  10px;

      div[name="name"] {
        font-weight:  bold;
      }
    }

    ldp-display-member {
      img {
        width:          50px;
        border-radius:  100px;
      }

      span {
        padding-left:  5px;
      }
    }

    #chat-members {
      ldp-display {
        display:        flex;
        align-items:    center;
        margin-bottom:  10px;

        img {
          width:          50px;
          border-radius:  100px;
        }

        div[name="name"] {
          display:      flex;
          margin-left:  10px;
        }
      }
    }
  }

  div[name="admin"],
  .section {
    @extend %detail-section;
    margin-top:  40px;
  }
}

@media (min-width: $sm-with) {
  #channel {
    #channel-detail {
      #channel-info {
        ldp-display-client {
          display:  block;
          float:    right;
          width:    300px;
        }
      }
    }
  }
}