FB - Live Comments Moderation

by Paulo Ávila

HTML

<ul id="live-comments">
    <li class="fb-comment" data-comment-id="ID123">
      <div class="fb-comment-controls">
        <button class="nodecg-info green fb-comment-prep">Take</button>
        <button class="nodecg-info pink fb-comment-ignore">Ignore</button>
      </div>
      <div class="fb-comment-text">
        <div class="fb-comment-name">Jon Heaton</div>
        <div class="fb-comment-message">Will we have a hard Brexit?</div>
      </div>
    </li>
    <li class="fb-comment" data-comment-id="ID456">
      <div class="fb-comment-controls">
        <button class="nodecg-info green fb-comment-prep">Take</button>
        <button class="nodecg-info pink fb-comment-ignore">Ignore</button>
      </div>
      <div class="fb-comment-text">
        <div class="fb-comment-name">Paulo Avila</div>
        <div class="fb-comment-message">I vote for #melt because it's the best choice!</div>
      </div>
    </li>
  </ul>

CSS

.fb-comment {
  clear: both;
}
.fb-comment-controls {
  float: right;
}
.fb-comment-text {
  font-size: 10pt;
}
.fb-comment-name {
  display: inline;
  color: #ee4242;
}
.fb-comment-message {
  display: inline;
}