ujiro99/tlt

.event-list {
  @apply px-3;
  @apply py-2;
  @apply text-gray-600;
  @apply bg-gray-100;
  @apply rounded-md;
  @apply text-xs;

  margin-top: 6px;

  [data-simplebar] {
    max-height: 4rem;
  }

  &__item {
    display: flex;
    justify-content: space-between;

    &.mod-declined {
      text-decoration-line: line-through;
    }
  }

  &__title {
    @apply text-xs;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
  }

  &__time-space {
    margin-left: 2px;
    font-size: 1rem;
    line-height: 1rem;
  }

  &__time {
    @apply text-xs;
    @apply font-mono;
    margin-left: 1em;
  }

  &__time-space + &__time {
    margin-left: 2px;
  }
}