@import 'mixins_and_variables_and_functions';

.notification-list-item {
  @include media-breakpoint-down(sm) {
    .notification-dropdown {
      width: 100%;
    }

    .btn-group {
      width: 100%;
    }

    .table-section {
      border-top: 0;
      min-height: unset;

      &:not(:first-child) {
        padding-top: 0;
      }
    }

    .update-notifications {
      width: 100%;
    }
  }
}

.notification {
  position: relative;
  top: 1px;
}
