.link-check-report {
  float: right;
  margin-top: 25px;
}

.broken-links-report {
  .issue-summary {
    font-weight: normal;
  }

  .issue-list {
    list-style: none;
    padding-left: 0;

    li {
      margin-top: 5px;
    }
  }

  .issue-status-description {
    margin-top: 10px;
  }

  .issue-list + .issue-status-description {
    margin: 15px 0;
  }

  .display-issue-details {
    display: block;
    font-weight: bold;
    padding-top: 5px;
  }

  .display-issue-details::-webkit-details-marker {
    display: none;
  }

  .display-issue-details::before {
    content: '\25B6';
    padding-right: 3px;
  }

  details[open] > .display-issue-details::before {
    content: '\25BC';
  }
}

.link-check-report {
  margin-top: 25px;
}

@media (min-width: $screen-md-min) {
  .link-check-report {
    float: right;
  }
}

.broken-links-report {
  .issue-summary {
    font-weight: normal;
  }

  .issue-list {
    list-style: none;
    padding-left: 0;

    li {
      margin-top: 5px;
    }
  }

  .issue-status-description {
    margin-top: 10px;
  }

  .issue-list + .issue-status-description {
    margin: 15px 0;
  }

  .display-issue-details {
    display: block;
    font-weight: bold;
    padding-top: 5px;
  }

  .display-issue-details::-webkit-details-marker {
    display: none;
  }

  .display-issue-details::before {
    content: '\25B6';
    padding-right: 3px;
  }

  details[open] > .display-issue-details::before {
    content: '\25BC';
  }
}

Make the link check box work in smaller browser windows
Make the link check box work in smaller browser windows

For browser windows below 992px, the link check box would cause the
form fields to get squashed into the left hand side of the well and
become unusable. For breakpoints below 992px (`md` in Bootstrap terms),
disable the float and force the box to appear above the form.

This is possibly not the best design decision, but it’s causing issues
at present for one of our partially sighted users.
