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

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

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

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

    .stop {
      flex: 1 1 auto;
    }
  }

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

    .departure__scheduled {
      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;
  }
}
