@import '../../../../../../public/style/vars';

.odc-topology-list-view__alert-cell {
  min-width: 0; // To enable text-overflow: ellipsis within a css-grid area
  @media (max-width: $screen-sm-max) {
    grid-row: 2;
  }
  @media (min-width: $screen-md-min) {
    grid-area: alert;
  }

  &--status .co-icon-and-text {
    display: inline-flex;
    margin-right: var(--pf-global--spacer--sm);
  }
  &__label {
    margin-right: var(--pf-global--spacer--sm);
  }
}
