.admin-table-container {
  margin-top: (20em / 16);
  .admin-header {
    margin-bottom: 10px;
  }
}

table.admin-spaces-tags-table {
  tbody {
    td {
      white-space: nowrap;
    }
  }
}

table.admin-listings-table {
  tbody {
    td {
      white-space: nowrap;

      &:nth-child(1),
      &:nth-child(2) {
        text-overflow: ellipsis;
        overflow: hidden;
      }

      &:nth-child(1) { max-width: 450px; }
      &:nth-child(2) { max-width: 200px; }

      &:last-child { max-width: 80px; }
    }
  }
}

table.admin-users-table {
  tbody {
    td {
      white-space: nowrap;

      &:nth-child(1),
      &:nth-child(2),
      &:nth-child(3),
      &:nth-child(4) {
        text-overflow: ellipsis;
        overflow: hidden;
      }

      &:nth-child(1) { max-width: 100px; }
      &:nth-child(2) { max-width: 100px; }
      &:nth-child(3) { max-width: 200px; }
      &:nth-child(4) { max-width: 200px; }

      &:last-child { max-width: 80px; }
    }
  }
}

table.admin-bookings-table {
  tbody {
    td {
      white-space: nowrap;

      &:nth-child(1),
      &:nth-child(2),
      &:nth-child(3),
      &:nth-child(4) {
        text-overflow: ellipsis;
        overflow: hidden;
      }

      &:nth-child(1) { max-width: 180px; }
      &:nth-child(2) { max-width: 100px; }
      &:nth-child(3) { max-width: 180px; }
      &:nth-child(4) { max-width: 200px; }

      &:last-child { max-width: 80px; }
    }
  }
}

.admin-pagination {

  display: flex;
  justify-content: center;
  align-items: center;

  .admin-first-page-button { margin: 0 4px }
  .admin-prev-page-button { margin: 0 4px }

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
    li {
      display: inline-block;
    }

    .admin-page-button-ellipsis {
      margin: 0 4px
    }
    .admin-current-page {
      margin: 0 4px
    }
    .admin-page-button {
      margin: 0 4px
    }

  }

  .admin-next-page-button { margin: 0 4px }
  .admin-last-page-button { margin: 0 4px }

}