<template name="notifications">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    <span class="glyphicon glyphicon-fire"></span>
    {{#if notificationCount }}
      <span class="badge badge-inverse">{{ notificationCount }}</span>
    {{/if}}
    <b class="caret"></b>
  </a>
  <ul class="notification dropdown-menu">
    {{#if notificationCount}}
      {{#each notifications}}
        {{> interactiveNotificationItem }}
      {{/each}}
    {{else}}
    <li>
      <span>No Notifications</span>
    </li>
    {{/if}}
  </ul>
</template>

<template name="notificationItem">
  <li>
    <a href="{{notificationPostPath}}">
      {{ text }}
    </a>
  </li>
</template>

<template name="interactiveNotificationItem">
  <li>
    <div class="notification-container">
      {{ text }}
      <span class="notification-buttons">
        <button class="glyphicon glyphicon-ok"></button>
        <button class="glyphicon glyphicon-remove"></button>
      </span>
    </div>
  </li>
</template>

<template name="notifications">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    <span class="glyphicon glyphicon-fire"></span>
    {{#if notificationCount }}
    <span class="badge badge-inverse">{{ notificationCount }}</span>
    {{/if}}
    <b class="caret"></b>
  </a>
  <ul class="dropdown-menu">
    {{#if notificationCount}}
      {{#each notifications}}
        {{> interactiveNotificationItem }}
      {{/each}}
    {{else}}
    <li>
      <span>No Notifications</span>
    </li>
    {{/if}}
  </ul>
</template>

<template name="notificationItem">
  <li class="notification-item">
    <a href="{{notificationPostPath}}">
      {{ text }}
    </a>
  </li>
</template>

<template name="interactiveNotificationItem">
  <ul class="notification-list">
    <ul class="notification-item interactive">
        <li class="notification-text">{{ text }}</li>
        <li class="notification-buttons">
          <button id="accept-button" class="glyphicon glyphicon-ok"></button>
          <button id="reject-button" class="glyphicon glyphicon-remove"></button>
        </li>
    </ul>
  </ul>
</template>

Switch div's to ul and li to properly use flexbox
Switch div's to ul and li to properly use flexbox
