@import 'base';

.mission-card {
  display: flex;
  align-items: stretch;
  padding: 2px;
  height: 50px;

  &__badge-container {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-right: 10px;
  }

  &__main {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;

    &-row {
      display: flex;
      justify-content: space-between;
    }
  }

  &__workplace-name {
    max-width: 200px;
    @extend %ellipsis;
    font-size: 18px;
  }

  &__workplace-address {
    max-width: 200px;
    @extend %ellipsis;
    font-size: 10px;
    color: color(black, light);
    padding-right: 10px;

    &-icon {
      margin-right: 5px;
    }
  }

  &__creation {
    max-width: 200px;
    @extend %ellipsis;
    font-size: 10px;
    color: color(black, light);
  }
}