Proyectos de Subversion LeadersLinked - Antes de SPA

.iconContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.statusIcon {
  font-size: 0.7rem;
  margin-left: 0.2rem;

  &_offline {
    color: $gray;
  }

  &_online {
    color: $online-green;
  }
}

.entity {
  display: flex;
  font-size: 1.2rem;
  border-radius: 10px;
  width: 90%;
  margin: .5rem auto;
  padding: 1rem;

  &_unread {
    background-color: $light-gray;
  }

  &:hover {
    background: var(--background-light-gray);
  }

  &~hr {
    width: 90%;
    margin: auto;
  }

  &+& {
    border-top: 1px solid $light-gray;
  }

  img {
    clip-path: circle(50%);
    width: 50px;
    height: 50px;
    object-fit: contain;
  }

  .entityInfo {
    display: flex;
    margin-left: 1rem;
    flex-direction: column;
  }

  .nameContainer {
    display: flex;
    align-items: center;
  }

  .newMessage {
    margin-top: 0.5rem;
    font-size: 1rem;
  }
}

.addGroup {
  align-items: center;
  justify-content: center;
  height: 4rem;
  background-color: $bg-color;

  i {
    margin-right: 0.5rem;
  }
}