.timeline {
  @include basic-list;
  margin: 0;
  padding: 0;

  &::before {
    @include notes-media('max', $screen-xs-max) {
      background: none;
    }
  }

  .system-note {
    .note-text {
      color: $gl-text-color !important;
    }
  }

  .diff-file {
    border: 1px solid $border-color;
    border-bottom: none;
    margin: 0;
  }
}

.timeline-entry {
  border-color: $white-normal;
  color: $gl-text-color;
  border-bottom: 1px solid $border-white-light;

  .timeline-entry-inner {
    position: relative;

    @include notes-media('max', $screen-xs-max) {
      .timeline-icon {
        display: none;
      }

      .timeline-content {
        margin-left: 0;
      }
    }
  }

  &:target,
  &.target {
    background: $line-target-blue;
  }

  .avatar {
    margin-right: 15px;
  }

  .controls {
    padding-top: 10px;
    float: right;
  }
}

.discussion .timeline-entry {
  margin: 0;
  border-right: none;
}

.timeline {
  @include basic-list;
  margin: 0;
  padding: 0;

  &::before {
    @include notes-media('max', $screen-xs-min) {
      background: none;
    }
  }

  .system-note {
    .note-text {
      color: $gl-text-color !important;
    }
  }

  .diff-file {
    border: 1px solid $border-color;
    border-bottom: none;
    margin: 0;
  }
}

.timeline-entry {
  border-color: $white-normal;
  color: $gl-text-color;
  border-bottom: 1px solid $border-white-light;

  .timeline-entry-inner {
    position: relative;

    @include notes-media('max', $screen-xs-min) {
      .timeline-icon {
        display: none;
      }

      .timeline-content {
        margin-left: 0;
      }
    }
  }

  &:target,
  &.target {
    background: $line-target-blue;
  }

  .avatar {
    margin-right: 15px;
  }

  .controls {
    padding-top: 10px;
    float: right;
  }
}

.discussion .timeline-entry {
  margin: 0;
  border-right: none;
}

Maintain notes avatar at smaller breakpoint
Maintain notes avatar at smaller breakpoint

Fix https://gitlab.com/gitlab-org/gitlab-ce/issues/32985
