.queries-list-row {
  line-height: 40px;
  border-bottom: 1px solid $ui-fleet-blue-15;

  &__description {
    max-width: 280px;
  }

  &__observers-can-run {
    max-width: 180px;
  }

  &:last-child {
    border-bottom: 0;
  }

  &--selected {
    background-color: $ui-vibrant-blue-25;
  }

  &:hover {
    cursor: pointer;
    background-color: $ui-vibrant-blue-10;
  }

  &:active,
  &:focus {
    outline: none;
  }

  td {
    font-size: $x-small;

    .form-field {
      margin: 0;
    }
  }

  &__name {
    @include ellipsis(120px);
    display: table-cell;
  }
}
