.departure {
  @extend .flex;
  flex-wrap: wrap;
}

.departure__line {
  @extend .flex;
  flex: 3 0;

  .line__symbol {
    min-width: 6rem;
  }
}

.departure__stop {
  @extend .flex;
  width: 100%;
}

.departure__time {
  width: 9rem;
  text-align: right;
}

.departure__time--delayed {
  text-decoration: line-through;
}

.departures {
  &.size-md {
    .departure__time {
      order: 2;
    }

    .departure__stop {
      flex: 2 0;
      width: auto;
    }
  }

  &.size-sm {
    .departure__time {
      margin-left: auto;
    }
  }
}

.departures__actions {
  @extend .flex;

  .departures__auto-refresh {
    @extend .flex;
  }

  .form-control {
    width: auto;
  }
}