philomena/assets/css/views/staff.css

.staff-block__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.5rem;
}

.staff-block__user-card {
  display: grid;
  grid-template-columns: auto 8rem;
}

.staff-block__user {
  flex-grow: 1;
  width: auto;
  padding: 1rem;
}

.staff-block__info {
  margin-left: auto;
}

.profile-block {
  display: inline-block;
  vertical-align: top;
}

.profile-block b {
  display: block;
}

.staff-block__description {
  margin: 1rem 0;
}

.staff-block__separator {
  margin: 0.75rem 0.5rem;
  border-color: var(--primary-color);
}

.staff-block__category {
  margin-top: 1rem;
}

.staff-block__category i {
  margin-right: var(--padding-normal);
}

.staff-block__user-description {
  overflow: hidden;
  text-overflow: ellipsis;
}