<commit_before>.tutor-student-list {
  table thead th {
    vertical-align: middle;
  }
  a.sort-by-flag-anchor {
    &:hover {
      text-decoration: none;
      .show-link {
        text-decoration: underline;
      }
    }
  }
  a.sort-by-flag-anchor + .flag-sort-options {
    display: -webkit-flex;
    display: flex;
    max-width: 35px * 3; // Multiply this by number of flags you have
    margin: 0.5em 0;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    i:hover {
      color: @link-hover-color;
    }
    grade-icon:hover span {
      background-color: @link-hover-color;
    }
  }
  table {
    td.flags-data i, grade-icon span {
      margin-right: 1ex;
    }
    td.task-progress-bar {
      padding-right: 3ex;
      .progress {
        border-radius: 10px;
      }
    }

    th.student-id { width: 10%; }
    th.name       { width: 30%; }
    th.stats      { width: 30%; }
    th.flags      { width: 20%; }
    th.tutorial   { width: 20%; }
    th.actions    { width: 10%; }
  }
}
.tutor-student-list.fullscreen {
  border-radius: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 4;
  border-bottom: none;

  // Flex stuff
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;

  .panel-body.student-list {
    height: 20vh;
    resize: vertical;
    max-height: 40vh;
    overflow: scroll;
    border-bottom: 2px solid #428bca;
    box-shadow: 1px 1px 3px;
  }
  .panel-body.project-show {
    overflow: scroll;
    -webkit-flex: 1;
            flex: 1;
    position: relative;
    .no-student {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-align-content: center;
              align-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      position: absolute;
      height: 100%;
      width: 100%;
      font-size: 3em;
      text-align: center;
      font-weight: 200;
      i, p {
        display: block;
        width: 100%;
        margin-bottom: 0.75em;
      }
    }
  }
  .panel-footer {
    display: none;
  }
}
.tutor-student-list:not(.fullscreen) .panel-body {
  height: auto !important; // Needs to be important to override resize
}<commit_msg>minor ui fixes to height of no students selected section of project show in tutor list<commit_after>.tutor-student-list {
  table thead th {
    vertical-align: middle;
  }
  a.sort-by-flag-anchor {
    &:hover {
      text-decoration: none;
      .show-link {
        text-decoration: underline;
      }
    }
  }
  a.sort-by-flag-anchor + .flag-sort-options {
    display: -webkit-flex;
    display: flex;
    max-width: 35px * 3; // Multiply this by number of flags you have
    margin: 0.5em 0;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    i:hover {
      color: @link-hover-color;
    }
    grade-icon:hover span {
      background-color: @link-hover-color;
    }
  }
  table {
    td.flags-data i, grade-icon span {
      margin-right: 1ex;
    }
    td.task-progress-bar {
      padding-right: 3ex;
      .progress {
        border-radius: 10px;
      }
    }

    th.student-id { width: 10%; }
    th.name       { width: 30%; }
    th.stats      { width: 30%; }
    th.flags      { width: 20%; }
    th.tutorial   { width: 20%; }
    th.actions    { width: 10%; }
  }
}
.tutor-student-list.fullscreen {
  border-radius: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 4;
  border-bottom: none;

  // Flex stuff
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;

  .panel-body.student-list {
    height: 20vh;
    resize: vertical;
    max-height: 40vh;
    overflow: scroll;
    border-bottom: 2px solid #428bca;
    box-shadow: 1px 1px 3px;
  }
  .panel-body.project-show {
    overflow-y: scroll;
    -webkit-flex: 1;
            flex: 1;
    position: relative;
    .no-student {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-align-content: center;
              align-content: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      position: absolute;
      height: 90%;
      width: 98%;
      font-size: 3em;
      text-align: center;
      font-weight: 200;
      i, p {
        display: block;
        width: 100%;
        margin-bottom: 0.75em;
      }
    }
  }
  .panel-footer {
    display: none;
  }
}
.tutor-student-list:not(.fullscreen) .panel-body {
  height: auto !important; // Needs to be important to override resize
}
{'fraction_non_alphanumeric': 0.1324163416136317, 'fraction_numerical': 0.02340381851775816, 'mean_word_length': 1.8811354228267299, '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': '1201366', 'n_tokens_mistral': 1825, 'n_tokens_neox': 1662, 'n_words': 387}