<commit_before>@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import "variables";
@import "library";

span.enum {
  color: red;
  float: left;
  width: 20px;
}

table.enumerations {
  border-collapse:collapse;
 }

.enum-count td {
  font-size: 12px;
  font-family: "Roboto";
  padding: 0;
  text-align: right;
}

td {
  font-size: 12px;
  font-family: "Roboto";
  padding: 0;
}

body {
  font-family: Roboto;
}
main {
  width: 100%;
  margin: 20px auto;
  padding: 10px 0;
//  box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}

#input-toggle {
  display: none;
  visibility: hidden;
}

#toggle:checked ~ #expand {
  height: 620px;
}
#toggle:checked {
  content: "Hide Hints";
}

#expand {
  height: 0px;
  overflow: hidden;
  transition: height 0.6s;
  background-color: #FFF;
}

label {
  display: block;
  padding: 0.6em;
  text-align: left;
  border-bottom: 1px solid #CCC;
  color: #666;
}
label:hover {
  color: #000;
}
label::before {
  font-family: Roboto, monaco, monospace;
  font-weight: bold;
  font-size: 16px;
  color: white;
  text-align: left;
  padding-top: 4px;
  padding-left: 10px;
  vertical-align: text-center;
  display: inline-block;
  width: 86px;
  height: 26px;
  margin-right: 3px;
  background: #008aa1;
}

section.dataDictionaryShow {
  padding-bottom: 500px;

  h2 {
    padding-top: 60px;
    border-bottom: 1px solid $primary;
  }

  h4 {
    padding-top: 40px;
    border-bottom: 1px solid $grey;
  }

  ul {
    margin-bottom: 0px;
  }

  div.wrap {
    display: block;
    margin: 0 auto;
  }

  div.gridContainer {
//    @include columnify(12, true);
//    display: block;
    margin: 0 auto;
    padding: 2px 2px 2px 0px;
    background-color: $white;
  }

  .jsgrid-header-row>.jsgrid-header-cell {
    font-size: 11px;
    font-family: $font-sans;
    font-weight: normal;
    background-color: $secondary;
    color: $white;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-color: $primary;

  }

  .jsgrid-cell {
    font-size: 12px;
    font-family: $font-sans;
    word-wrap: break-word;

    input {
      margin: 5px 0px;
    }

    b, p, a {
      font-size: 12px;
    }

    b {
      font-weight: bold;
    }
  }

  tr.jsgrid-filter-row {
    .jsgrid-cell {
      background-color: rgba(2,183,212, .2);
      border: none;
    }
  }

  div#jsGrid {
    @include box-shadow(3px 3px 11px $light-grey);
  }


  div.jsgrid-pager-container {
    text-align: center;
    padding: 10px;
    background-color: rgba(2,183,212, .2);

    span {
      font-family: $font-sans;
      padding: 2px 4px;
      text-transform: uppercase;

    }

    a {
      font-family: $font-sans;
      font-size: 11px;
      letter-spacing: 1px;

    }
  }
}<commit_msg>widen the data dictionary page so the table reveals more without have to scroll horizontally<commit_after>@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import "variables";
@import "library";

span.enum {
  color: red;
  float: left;
  width: 20px;
}

table.enumerations {
  border-collapse:collapse;
 }

.enum-count td {
  font-size: 12px;
  font-family: "Roboto";
  padding: 0;
  text-align: right;
}

td {
  font-size: 12px;
  font-family: "Roboto";
  padding: 0;
}

body {
  font-family: Roboto;
}
main {
  width: 100%;
  margin: 20px auto;
  padding: 10px 0;
//  box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}

#input-toggle {
  display: none;
  visibility: hidden;
}

#toggle:checked ~ #expand {
  height: 620px;
}
#toggle:checked {
  content: "Hide Hints";
}

#expand {
  height: 0px;
  overflow: hidden;
  transition: height 0.6s;
  background-color: #FFF;
}

label {
  display: block;
  padding: 0.6em;
  text-align: left;
  border-bottom: 1px solid #CCC;
  color: #666;
}
label:hover {
  color: #000;
}
label::before {
  font-family: Roboto, monaco, monospace;
  font-weight: bold;
  font-size: 16px;
  color: white;
  text-align: left;
  padding-top: 4px;
  padding-left: 10px;
  vertical-align: text-center;
  display: inline-block;
  width: 86px;
  height: 26px;
  margin-right: 3px;
  background: #008aa1;
}

.standardLayout {
  padding-left: 10px;
  padding-right: 10px;
}

section.dataDictionaryShow {
  padding-bottom: 500px;

  h2 {
    padding-top: 60px;
    border-bottom: 1px solid $primary;
  }

  h4 {
    padding-top: 40px;
    border-bottom: 1px solid $grey;
  }

  ul {
    margin-bottom: 0px;
  }

  div.wrap {
    display: block;
    margin: 0 auto;
  }

  div.gridContainer {
//    @include columnify(12, true);
//    display: block;
    margin: 0 auto;
    padding: 2px 2px 2px 0px;
    background-color: $white;
  }

  .jsgrid-header-row>.jsgrid-header-cell {
    font-size: 11px;
    font-family: $font-sans;
    font-weight: normal;
    background-color: $secondary;
    color: $white;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-color: $primary;

  }

  .jsgrid-cell {
    font-size: 12px;
    font-family: $font-sans;
    word-wrap: break-word;

    input {
      margin: 5px 0px;
    }

    b, p, a {
      font-size: 12px;
    }

    b {
      font-weight: bold;
    }
  }

  tr.jsgrid-filter-row {
    .jsgrid-cell {
      background-color: rgba(2,183,212, .2);
      border: none;
    }
  }

  div#jsGrid {
    @include box-shadow(3px 3px 11px $light-grey);
  }


  div.jsgrid-pager-container {
    text-align: center;
    padding: 10px;
    background-color: rgba(2,183,212, .2);

    span {
      font-family: $font-sans;
      text-transform: uppercase;

    }
  }
}
{'fraction_non_alphanumeric': 0.14494341000365096, 'fraction_numerical': 0.04180357794815626, 'mean_word_length': 2.623677248677249, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 2, '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': '5932056', 'n_tokens_mistral': 2372, 'n_tokens_neox': 2124, 'n_words': 471}