<commit_before>.table-block {
  overflow-x: auto;
  margin: 16px 0 32px;

  @include smartphone {
    margin: 16px -8px 24px 12px;
  }

  table {
    width: 100%;
    border-collapse: collapse;
  }

  th {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .6px;
    font-family: $font-medium;
    text-align: left;
    text-transform: uppercase;
    color: $color-text-default;
    background: $color-bg-box;
    @include smartphone {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: .5px;
    }
  }

  // Adds a 8-Pixel-Spacing on the right of every scrollable table-box (… 'cause of how CSS works with elements inside overflow-x)
  @include smartphone {
    thead th:last-of-type,
    tbody td:last-of-type {border-right-width:8px}
  }

  // if there is a thead, begin with a light bg-color
  thead + tbody tr:nth-child(even) {background-color: $color-table-bg-zebra-dark}
  thead + tbody tr:nth-child(odd) {background-color: $color-table-bg-zebra-light}

  // otherwise begin with a dark bg-color
  tbody tr:nth-child(even) {background-color:$color-table-bg-zebra-light}
  tbody tr:nth-child(odd) {background-color:$color-table-bg-zebra-dark}

  td {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .5px;
    @include smartphone {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: .5px;
    }
  }

  th, td {
    padding: 11px 16px 13px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 2px 0;
    vertical-align: top;

    @include smartphone {
      padding: 13px 12px 15px;
    }
  }
}

.table-block--legacy {
  tr[data-head="true"]:first-child td {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .6px;
    font-family: $font-medium;
    text-align: left;
    text-transform: uppercase;
    color: $color-text-default;
    background: $color-bg-box;

    @include smartphone {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: .5px;
    }
  }
}
<commit_msg>fixing the table margins on size 1<commit_after>.table-block {
  overflow-x: auto;
  margin: 16px 0 32px;

  @include smartphone {
    margin: 16px -8px 24px 0px;
  }

  table {
    width: 100%;
    border-collapse: collapse;

    @include smartphone {
      width: calc(100% - 12px);
      margin-left: 12px;
    }
  }

  th {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .6px;
    font-family: $font-medium;
    text-align: left;
    text-transform: uppercase;
    color: $color-text-default;
    background: $color-bg-box;
    @include smartphone {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: .5px;
    }
  }

  // Adds a spacing on the right of every scrollable table-box (… 'cause of how CSS works with elements inside overflow-x)
  @include smartphone {
    thead th:last-of-type,
    tbody td:last-of-type {
      border-right-width: 20px
    }
  }

  // if there is a thead, begin with a light bg-color
  thead + tbody tr:nth-child(even) {background-color: $color-table-bg-zebra-dark}
  thead + tbody tr:nth-child(odd) {background-color: $color-table-bg-zebra-light}

  // otherwise begin with a dark bg-color
  tbody tr:nth-child(even) {background-color:$color-table-bg-zebra-light}
  tbody tr:nth-child(odd) {background-color:$color-table-bg-zebra-dark}

  td {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .5px;
    @include smartphone {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: .5px;
    }
  }

  th, td {
    padding: 11px 16px 13px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 2px 0;
    vertical-align: top;

    @include smartphone {
      padding: 13px 12px 15px;
    }
  }
}

.table-block--legacy {
  tr[data-head="true"]:first-child td {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .6px;
    font-family: $font-medium;
    text-align: left;
    text-transform: uppercase;
    color: $color-text-default;
    background: $color-bg-box;

    @include smartphone {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: .5px;
    }
  }
}

{'fraction_non_alphanumeric': 0.13200194836824158, 'fraction_numerical': 0.03239162201656113, 'mean_word_length': 2.501278772378517, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '134994', 'n_tokens_mistral': 1668, 'n_tokens_neox': 1476, 'n_words': 350}