@import url('../../../style/list-entry.scss');
@import url('../../../style/hide-scrollbar.scss');

mat-table.mat-table {
  width: 1058px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: auto;
  height: 70vh;
}

.mat-column-name {
  flex: 0 0 220px;
}

.mat-column-fraction {
  flex: 0 0 90px;
}

.mat-column-kill, .mat-column-friendlyFire, .mat-column-revive, .mat-column-flagTouch, .mat-column-vehicleLight,
.mat-column-vehicleHeavy, .mat-column-vehicleAir, .mat-column-travelDistance, .mat-column-driverDistance,
.mat-column-death, .mat-column-respawn, .mat-column-interact {
  flex: 0 0 62px;

  @media all and (max-width: 959px) {
    flex: 0 0 50px;
  }
}

:host /deep/ .mat-table .mat-icon {
  color: #666666;
}

@media all and (max-width: 959px) {
  .mat-column-name {
    flex: 0 0 160px;
    word-wrap: break-word;
    white-space: pre-wrap;
  }

  .mat-header-row, mat-table.mat-table {
    width: 768px;
  }
}

@media all and (max-width: 599px) {
  .mat-column-name {
    flex: 0 0 130px;
    padding-left: 1vw;
  }

  .mat-header-row {
    width: 755px;
  }

  mat-table.mat-table {
    width: 100%;
    height: 50vh;
    overflow-x: auto;
    display: grid;
  }
}