lbry-desktop/src/renderer/scss/component/_table.scss

table.table,
.markdown-preview table {
  word-wrap: break-word;
  max-width: 100%;
  text-align: left;
  margin-top: $spacing-vertical * 2/3;

  tr td:first-of-type,
  tr th:first-of-type {
    padding-left: $spacing-vertical * 2/3;
  }

  tr td:last-of-type,
  tr th:last-of-type {
    padding-right: $spacing-vertical * 2/3;
  }

  thead {
    color: var(--text-color);
    border-bottom: var(--table-border);
  }

  th,
  td {
    font-size: 13px;
    padding: 8px 0;
  }

  th {
    font-family: 'metropolis-semibold';
    border: 0;
  }

  td {
    font-family: 'metropolis-medium';
    color: var(--color-help);
    padding: $spacing-vertical * 1/6 0;

    .btn:not(.btn--link) {
      display: inline;
      margin-left: $spacing-vertical * 1/3;
    }
  }

  .table__item-label {
    font-size: 12px;
  }

  .table__item--actionable span + .btn {
    padding-left: $spacing-vertical * 1/3;
  }

  tbody {
    tr {
      border-bottom: var(--table-item-border);
      padding: 8px 0;
      &:nth-child(even) {
        background-color: var(--table-item-odd);
      }
      &:nth-child(odd) {
        background-color: var(--table-item-even);
      }
      &.thead {
        background: none;
      }
      td {
        border: 0 none;
      }
    }
  }
}

table.table--stretch {
  width: 100%;
}

table.table--help {
  td:nth-of-type(1) {
    color: var(--text-color);
    font-family: 'metropolis-semibold';
    min-width: 130px;
  }
  td:nth-of-type(2) {
    /*Tourniquets text over 20VW*/
    max-width: 20vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--color-help);
  }
}

table.table--transactions {
  td:nth-of-type(1) {
    width: 25%;
  }
  td:nth-of-type(2) {
    width: 20%;
  }
  td:nth-of-type(3) {
    width: 22.5%;
  }
  td:nth-of-type(4) {
    width: 17.5%;
  }
  td:nth-of-type(5) {
    width: 15%;
  }
}

table.table--history {
  margin-top: $spacing-vertical * 1/3;

  tbody {
    tr {
      &:nth-child(even),
      &:nth-child(odd) {
        background-color: var(--table-item-even);

        &.history__selected {
          color: red;
          background-color: var(--table-item-odd);
        }
      }
    }

    td {
      cursor: default;
      padding: $spacing-vertical * 1/3 0;
    }

    td:nth-of-type(1) {
      width: 7.5%;
    }
    td:nth-of-type(2) {
      width: 17.5%;
    }
    td:nth-of-type(3) {
      width: 40%;
      max-width: 30vw;
      padding-right: $spacing-vertical * 2/3;
    }
    td:nth-of-type(4) {
      width: 30%;
    }

    td:nth-of-type(3),
    td:nth-of-type(4) {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
}