app/javascript/stylesheets/itineraries.scss

Summary

Maintainability
Test Coverage
// stylelint-disable selector-no-qualifying-type
.daily-itinerary-table {
  td {
    vertical-align: middle;
  }

  select {
    margin-bottom: 0;
  }
}
// stylelint-enable selector-no-qualifying-type

.itineraries-spinner {
  display: none;
  margin-left: 10px;
}

.itinerary-step {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--bs-tertiary-color);

  h3 {
    color: var(--bs-tertiary-color);
  }

  &.active,
  &.active h3 {
    color: var(--bs-body-color);
    border-color: var(--bs-body-color);
  }

  &.done,
  &.done h3 {
    color: var(--bs-success-text-emphasis);
    border-color: var(--bs-success-text-emphasis);
  }
}

.itinerary-thumbnail__stroke {
  height: .25rem;
  margin-bottom: .25rem;
  border-top-left-radius: $border-radius;
  border-top-right-radius: $border-radius;
}

.profile-picture-cell {
  width: 55px;

  img {
    width: 50px;
    height: 50px;
    background-color: #fff;
  }
}

.feature-icons {
  margin-left: -5px;
}

.feature-icon {
  margin-left: 5px;
}