<commit_before>//Modal Positioning
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.cs-item-list {

  .item-container {
    display : flex;
    flex-flow: row wrap;
  }

  .column-mode {
    margin : 10px auto;
    flex-direction: column;
  }

  .show-mode {
    flex-direction: row;
    border: 1px solid #B3B3B3;
    padding: 3px;
    border-radius: 5px;
    justify-content: space-around;
  }

  .row-mode {
    max-width: 220px;
    flex-direction: row;
  }

  .item {
    flex : 1;
    color: $gray;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: $gray-lighter;
    text-align: center;
    white-space: nowrap;
  }

  .item:hover {
    cursor: pointer;
    border: 1px solid $gray-dark;
  }

  .item-show {
    padding: 6px 12px;
    margin: 5px;
  }

  .item-table {
    margin: 2px;
    text-align: center;
    padding: 2px 4px;
  }

  .single-item {

  }

  .no-item {
    color: #b11c1c;
    font-size: 13px;<commit_msg>Item table style<commit_after>//Modal Positioning
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.cs-item-list {

  .item-container {
    display : flex;
    flex-flow: row wrap;
  }

  .column-mode {
    margin : 10px auto;
    flex-direction: column;
  }

  .show-mode {
    flex-direction: row;
    border: 1px solid #B3B3B3;
    padding: 3px;
    border-radius: 5px;
    justify-content: space-around;
  }

  .row-mode {
    max-width: 220px;
    flex-direction: row;
  }

  .item {
    flex : 1;
    color: $gray;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: $gray-lighter;
    text-align: center;
    white-space: nowrap;
  }

  .item:hover {
    cursor: pointer;
    border: 1px solid $gray-dark;
  }

  .item-show {
    padding: 6px 12px;
    margin: 5px;
  }

  .item-table {
    margin: 3px 7px;
    text-align: center;
    padding: 2px 4px;
  }

  .single-item {

  }

  .no-item {
    color: #b11c1c;
    font-size: 13px;
{'fraction_non_alphanumeric': 0.14038054968287528, 'fraction_numerical': 0.02748414376321353, 'mean_word_length': 2.2770083102493075, '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': '7650766', 'n_tokens_mistral': 988, 'n_tokens_neox': 911, 'n_words': 200}