style.less

.task-repo.tag-cloud a {
  margin: 0.5rem;

  &.size1 {
    font-size: 60%;
  }

  &.size2 {
    font-size: 70%;
  }

  &.size3 {
    font-size: 80%;
  }

  &.size4 {
    font-size: 90%;
  }

  &.size5 {
    font-size: 100%;
  }

  &.size6 {
    font-size: 110%;
  }

  &.size7 {
    font-size: 120%;
  }

  &.size8 {
    font-size: 130%;
  }

  &.size9 {
    font-size: 140%;
  }

  &.size10 {
    font-size: 150%;
  }
}

.task-repo.task {
  clear: both;

  .tag {
    margin-right: 1rem;
  }

  .task-headline {
    padding: 0.2rem 1rem;
    color: white;
    background-color: #37C4E5;

    &.task-headline-easy {
      background-color: #8AC75A;
    }

    &.task-headline-serial {
      background-color: #F5BF69;
    }

    &.task-headline-problem {
      background-color: #F47A69;
    }

    &.task-headline-experiment {
      background-color: #F08BAA;
    }
  }

  figure {
    float: right;

    figcaption {
      text-align: center;
    }

    img {
      width: 100%;
      max-height: 20rem;
      object-fit: contain;
    }
  }
}

.task-repo-edit {
  label {
    display: inline;
  }
}

.task-repo.batch-select {
  li.page-item {
    width: 100%;
    text-align: center;
  }
}