@import "variables";

:host {
  .first {
    display: block;
  }
  hr {
    margin: 0 !important;
  }
}

.queues-container {
  width: 100%;
  height: 100%;
}

.table-cell {
  font-size: 13px;
}

.id-cell {
  align-items: center;

  .value {
    flex: 1;
    line-height: 32px;
    padding-left: 10px;
    &.first {
      padding-left: 42px;
    }
  }

  .queue-name {
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .copy-btn {
    margin-left: auto;
    min-width: 30px;
    visibility: hidden;
  }

  &:hover {
    .copy-btn {
      visibility: visible;
    }
  }
}
