nomulus/console-webapp/src/app/domains/domainList.component.scss

.console-app {
  $min-width: 756px;

  &__empty-domains {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    &-icon {
      transform: scale(3);
      margin-bottom: 0.5rem;
    }
  }

  &__domains-selection {
    height: 60px;
    max-height: 0;
    transition: max-height 0.2s linear;
    display: flex;
    align-items: center;
    overflow: hidden;
    gap: 20px;
    &-text {
      font-weight: bold;
    }
    &.active {
      max-height: 60px;
    }
  }

  &-domains__download {
    position: absolute;
    top: -55px;
    right: 0;
  }

  &__domains-filter {
    min-width: $min-width !important;
    width: 100%;
  }

  &__domains-table-parent {
    position: relative;
    min-width: 100%;
  }

  &__domains-table {
    min-width: $min-width !important;
    .mat-column-actions {
      max-width: 100px;
    }
    .mat-column-registryLock {
      max-width: 150px;
    }
    .mat-column-statuses span {
      padding: 10px 0;
      overflow: hidden;
      word-break: break-word;
    }
    .mat-column-select {
      max-width: 60px;
      padding-left: 15px;
    }
    .mat-column-domainName {
      position: relative;
      padding-left: 25px;
      mat-icon {
        position: absolute;
        left: 0;
      }
    }
    mat-cell:has([style*="display: none"]),
    mat-header-cell:has([style*="display: none"]) {
      display: none;
    }
  }

  &__domains-spinner {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 2;
  }

  .mat-mdc-paginator {
    min-width: $min-width !important;
  }
}