rain-out message.html

<table>
    <thead>
        <tr>
            <th>Message</th>
            <th width="350px">Competitions</th>
            <th width="130px">Date</th>
            <th width="152px"></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="font-style: italic;">Hey guys, I think we really should be careful about this little things on the field #2, coz it's not the best idea quite yet</td>
            <td>
              <ul>
                <li>Coed Volleyball League A Division- Fall 14,</li>
                <li>5v5 Tybee Coed Flag Football League,</li>
                <li>Coed Volleyball League A Division- Fall 14,</li>
                <li><a href="#">Show 18 others</a></li>
              </ul>
            </td>
            <td>13th May 2015</td>
            <td>
              <button class="btn--default btn--small btn--secondary">Edit</button>
              <button class="btn--default btn--small btn--secondary-outline" style="color: #F51F21;">Remove</button>
            </td>
        </tr>
        <tr>
            <td style="font-style: italic;">All game cancelled for next month!</td>
            <td>
              <ul>
                <li>Spring Kickball League-15- D Division,</li>
                <li>Fall Wiffleball League</li>
              </ul>
            </td>
            <td>12th May 2015</td>
            <td>
              <button class="btn--default btn--small btn--secondary">Edit</button>
              <button class="btn--default btn--small btn--secondary-outline" style="color: #F51F21;">Remove</button>
            </td>
        </tr>
    </tbody>
</table>
<button class="btn--default btn--small" style="float: right;margin-top: 12px;">Add message</button>