.existing-todos {
  padding-top: 5px;

  .list-by-status {
    padding-top: 20px;
    h4 {
      padding-bottom: 10px;
    }
    .todo {
      input[type=checkbox] {
        transform: scale(1.1);
      }
      label {
        align-items: end;
        display: flex;
      }
      &__role {
        font-weight: 500;
        padding-left: 5px;
      }
      &__dates {
        padding-left: 5px;
        font-style: italic;
        color: #999;
        &-danger {
          color: #a94442;
        }
        &-separator {
          font-style: normal;
        }
      }

    }
  }
}
