<commit_before>
@import url('http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic');

html {
  height: 100%;
}

body {
  display: block;
  position: relative;
  height: 100%;
  font-family: 'Ubuntu', sans-serif;
}

h2 {
  color: #006180;
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 18px;
  font-weight: normal;
}

a {
  text-decoration: none;
  cursor: default;
}

a:hover {
  color: #006180;
}

.title-bar {
  font-family: 'Ubuntu', sans-serif;
  font-weight: normal;
  
  text-align: center;
  color: #fff;
  background-color: #006180;
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;

  position: relative;
  height: 20px;
}

.title-text {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 5px;
}

.render {
  font-size: 15px;
  background-color: #006180;
  color: #ffffff;
  width: 100%;
  height: 280px;
  resize: none;

  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: -3px;
  margin-top: 30px;

  box-sizing: border-box;

  border: 1px solid #c3d6d8;
  border-radius: 7px;
}

textarea {
  color: #006180;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 13px;

  width: 100%;
  height: 280px;
  resize: none;

  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: -3px;

  box-sizing: border-box;

  border: 1px solid #c3d6d8;
  border-radius: 7px;
}

.panel {
  height: 100%;
}

.panel-body {
  padding: 4px;
  background-color: #ebf6f7;
  border: 5px solid #c3d6d8;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;

  padding: 0 12px 0 12px;
  margin: 0px;
  line-height: 20px;
  min-height: 20px;
  height: calc(100% - 30px);
  word-wrap: break-word;
}

/* .input {
  line-height: 17px;
} */

pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;<commit_msg>Demo App: final panel sizing<commit_after>
@import url('http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic');

html {
  height: 100%;
}

body {
  display: block;
  position: relative;
  height: 100%;
  font-family: 'Ubuntu', sans-serif;
}

h2 {
  color: #006180;
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 18px;
  font-weight: normal;
}

a {
  text-decoration: none;
  cursor: default;
}

a:hover {
  color: #006180;
}

.title-bar {
  font-family: 'Ubuntu', sans-serif;
  font-weight: normal;
  
  text-align: center;
  color: #fff;
  background-color: #006180;
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;

  position: relative;
  height: 20px;
}

.title-text {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 5px;
}

.render {
  font-size: 15px;
  background-color: #006180;
  color: #ffffff;
  width: 100%;
  height: calc(100% - 80px);
  resize: none;

  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: -3px;

  box-sizing: border-box;

  border: 1px solid #c3d6d8;
  border-radius: 7px;
}

textarea {
  color: #006180;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 13px;

  width: 100%;
  height: calc(100% - 80px);
  resize: none;

  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: -3px;

  box-sizing: border-box;

  border: 1px solid #c3d6d8;
  border-radius: 7px;
}

.panel {
  height: 100%;
}

.panel-body {
  padding: 4px;
  background-color: #ebf6f7;
  border: 5px solid #c3d6d8;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;

  box-sizing: border-box;

  padding: 0 12px 0 12px;
  margin: 0px;
  line-height: 20px;
  min-height: 20px;
  height: calc(100% - 30px);
  word-wrap: break-word;
}

/* .input {
  line-height: 17px;
} */

pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
{'fraction_non_alphanumeric': 0.15392561983471073, 'fraction_numerical': 0.06921487603305786, 'mean_word_length': 3.2890365448504983, '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': '7363256', 'n_tokens_mistral': 1873, 'n_tokens_neox': 1599, 'n_words': 361}