@import "conditionals";

.supplier-declaration {

  .question-heading,
  .question-heading-with-hint {
    font-size: 19px;
    font-weight: normal;
  }
  .question-heading li,
  .question-heading-with-hint li,
  .hint li {

    margin: 10px 0 10px 10px;
    list-style: disc;

    @include media(tablet) {
      margin-left: 0;
    }

  }

  .question-number {
    @include bold-19;
  }

  .selection-button {

    @include media(desktop) {
      max-width: 66%;
    }

  }

  .validation-wrapper {

    overflow: visible;

    .question-number {
      margin-left: -20px;
    }

  }

}

@import "conditionals";

.supplier-declaration {

  .question-heading,
  .question-heading-with-hint {
    font-size: 19px;
    font-weight: normal;
  }
  .question-heading li,
  .question-heading-with-hint li,
  .hint li {

    margin: 10px 0 10px 10px;
    list-style: disc;

    @include media(tablet) {
      margin-left: 0;
    }

  }

  .validation-wrapper li {
     margin-left: 20px;
   }
      
  .question-number {
    @include bold-19;
  }

  .selection-button {

    @include media(desktop) {
      max-width: 66%;
    }

  }

  .validation-wrapper {

    overflow: visible;

    .question-number {
      margin-left: -20px;
    }

  }

}

Indent list items with validation errors
Indent list items with validation errors

Previously the validation error red bars overlapped the outdented bullet points on list items.
Now bullets are indented if there is a validation error for the question.
