// TODO: we shouldn't call this "voting" but opinionating, polling, or something else
//       since it's quite distinct from voting (on comments)

$avatarSize: 24px;

.fact-opinionators {
  margin-top: 10px;
  display: inline-block;
}

.opinionators-avatar,
.opinionators-more {
  margin-right: 4px;
}

.opinionators-avatar-image {
  vertical-align: top;
  border-radius: 3px;
}

.opinionators-more {
  background: $green;
  font-weight: 600;
  color: white;
  padding: 0 5px;
  border-radius: 3px;
  line-height: $avatarSize;
}

.interesting-tally {
  font-weight: 600;
  display: inline-block;
  border-right: 1px #BEC1CD solid;
  min-width: 34px;
  margin-right: 5px;
  text-align: center;
}

.button-interesting-active {
  color: #F5A623;
}



// TODO: we shouldn't call this "voting" but opinionating, polling, or something else
//       since it's quite distinct from voting (on comments)

$avatarSize: 24px;

.fact-opinionators {
  margin-top: 10px;
  display: inline-block;
}

.opinionators-avatar,
.opinionators-more {
  margin-right: 4px;
}

.opinionators-avatar-image {
  vertical-align: top;
  border-radius: 3px;
}

.opinionators-more {
  background: $green;
  font-weight: 600;
  color: white;
  padding: 0 5px;
  border-radius: 3px;
  line-height: $avatarSize;
}

.interesting-tally {
  font-weight: 600;
  display: inline-block;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  min-width: 34px;
  margin-right: 5px;
  text-align: center;
}

.button-interesting-active {
  color: #F5A623;
}



Change separation border color at number of interested users
Change separation border color at number of interested users
