.observation-status {

  &__bar {
    padding: 0 2px;
    width: 100%;
    text-transform: uppercase;
    font-size: 0.8em;
    color: $ui-text;

    &--good {
      @extend .observation-status__bar;
      background: $status-ok;
    }

    &--satisfactory {
      @extend .observation-status__bar;
      background: $status-average;
    }

    &--unusable {
      @extend .observation-status__bar;
      background: $status-bad;
    }

    &--unknown {
      @extend .observation-status__bar;
      background: $status-unknown;
    }

  }

  &__time {
    color: $content-text-secondary;
  }
}

.observation-status {

  &__bar {
    padding: 0 2px;
    width: 100%;
    text-transform: uppercase;
    font-size: 0.8em;
    color: $ui-text;

    &--good {
      @extend .observation-status__bar;
      background: $status-ok;
    }

    &--satisfactory {
      @extend .observation-status__bar;
      background: $status-average;
    }

    &--unusable {
      @extend .observation-status__bar;
      background: $status-bad;
    }

    &--unknown {
      @extend .observation-status__bar;
      background: $status-unknown;
    }

  }

  &__time {
    color: $content-text-secondary;
    font-size: 12px;
  }
}

Change update time font size
Change update time font size
