JSFiddle - React, Tailwind, and code Playground

by cgough

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.1/knockout-min.js"></script>
<div class="tab-wrapper">
 <span class="tab">Chat Panel Messages</span>
</div>
<div class="message-contents-container">
<div class="message">
  <label> Estimated Queue Time:
    <input type="checkbox" />
  </label>
</div>
</div>

CSS

.tab-wrapper {
  background-color: #407bcc;
  padding: 5px;
  width: 25%;
}

.tab {
  font-family: 'Segoe UI';
  color: #fff;
}

.message input[type="checkbox"] {
  margin-top: 5px;
}