manage.get.gov/src/registrar/assets/sass/_theme/_tables.scss

@use "uswds-core" as *;

.dotgov-table--stacked {
  td, th {
    padding: units(1) units(2) units(2px) 0;
    border: none;
  }

  tr:first-child th:first-child {
    border-top: none;
  }

  tr {
    border-bottom: none;
    border-top: 2px solid color('base-light');
    margin-top: units(2);

    &:first-child {
      margin-top: 0;
    }
  }

  td[data-label]:before,
  th[data-label]:before {
    color: color('primary-darker');
    padding-bottom: units(2px);
  }

  td .no-click-outline-and-cursor-help {
    outline: none;
    cursor: help;
    use {
      // USWDS has weird interactions with SVGs regarding tooltips,
      // and other components. In this event, we need to disable pointer interactions.
      pointer-events: none;
    }
  }

  // Ticket #1510
  // @include at-media('desktop') {
  //   th:first-child {
  //     width: 220px;
  //   }
  //   th:nth-child(2) {
  //     width: 175px;
  //   }
  //   th:nth-child(3) {
  //     width: 130px;
  //   }
  //   th:nth-child(5) {
  //     width: 130px;
  //   }
  // }
}

.dotgov-table {
  width: 100%;

  th[data-sortable]:not([aria-sort]) .usa-table__header__button {
    right: auto;
  }

  tbody th {
    word-break: break-word;
  }

  @include at-media(mobile-lg) {

    margin-top: units(1);

    tr {
      border: none;
    }

    td, th {
      border-bottom: 1px solid color('base-light');
    }

    thead th {
      color: color('primary-darker');
      border-bottom: 2px solid color('base-light');
    }

    tbody tr:last-of-type {
      td, th {
        border-bottom: 0;
      }
    }

    td, th,
    .usa-tabel th{
      padding: units(2) units(2) units(2) 0;
    }

    thead tr:first-child th:first-child {
      border-top: none;
    }
  }
}
@media (min-width: 1040px){
  .dotgov-table__domain-requests {
    th:nth-of-type(1) {
      width: 200px;
    }

    th:nth-of-type(2) {
      width: 158px;
    }

    th:nth-of-type(3) {
      width: 120px;
    }

    th:nth-of-type(4) {
      width: 95px;
    }

    th:nth-of-type(5) {
      width: 85px;
    }
  }
}

@media (min-width: 1040px){
  .dotgov-table__registered-domains {
    th:nth-of-type(1) {
      width: 200px;
    }

    th:nth-of-type(2) {
      width: 158px;
    }

    th:nth-of-type(3) {
      width: 215px;
    }

    th:nth-of-type(4) {
      width: 95px;
    }
  }
}