<commit_before>.user-name-wrapper {
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.user-card {
  position: absolute;
  z-index: 10000;
  top: 30px;
  left: 0;
  width: 280px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  text-align: left;

  &:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 14px;
    top: -5px;
    width: 12px;
    height: 12px;
    background: inherit;
    transform: rotate(45deg);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  }

  .user-card-info {
    height: 97px; // 75px + 2px + 20px
    padding: 10px;
    background-color: #fff;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;

    font-size: 13px !important;
    line-height: 17px;

    .userpic {
      float: left;
      border: 1px #ccc solid;
      margin: 0 10px 0 0;

      &.loading {
        width: 77px;
        height: 77px;
        background-color: #f2f2f2;
      }
    }

    .names {
      min-height: 40px;
      height: 40px;

      .display-name {
        color: #000088;
        font-weight: bold;
      }

      .username {
        color: #555;
        font-size: 12px;
      }
    }

    .description {
      font-size: 13px;
      color: #666;
      font-style: italic;
    }
    .relationship-status {
      font-size: 13px;
      color: #666;
    }
    .feed-status {
      color: #666;
<commit_msg>Fixing usercard for long usernames<commit_after>.user-name-wrapper {
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.user-card {
  position: absolute;
  z-index: 10000;
  top: 30px;
  left: 0;
  width: 280px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  text-align: left;

  &:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 14px;
    top: -5px;
    width: 12px;
    height: 12px;
    background: inherit;
    transform: rotate(45deg);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  }

  .user-card-info {
    height: 97px; // 75px + 2px + 20px
    padding: 10px;
    background-color: #fff;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;

    font-size: 13px !important;
    line-height: 17px;

    .userpic {
      float: left;
      border: 1px #ccc solid;
      margin: 0 10px 0 0;

      &.loading {
        width: 77px;
        height: 77px;
        background-color: #f2f2f2;
      }
    }

    .names {
      min-height: 40px;

      .display-name {
        color: #000088;
        font-weight: bold;
      }

      .username {
        color: #555;
        font-size: 12px;
      }
    }

    .description {
      font-size: 13px;
      color: #666;
      font-style: italic;
    }
    .relationship-status {
      font-size: 13px;
      color: #666;
    }
    .feed-status {
      color: #666;

{'fraction_non_alphanumeric': 0.13773913043478261, 'fraction_numerical': 0.06608695652173913, 'mean_word_length': 1.844708209693373, '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': '3802459', 'n_tokens_mistral': 1265, 'n_tokens_neox': 1076, 'n_words': 258}