<commit_before>import { css } from 'emotion';
import { Color, mobileMaxWidth } from 'constants/css';

export const commentContainer = css`
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 1.5rem;
  position: relative;
  font-size: 1.6rem;
  .dropdown-wrapper {
    right: 0;
    position: absolute;
  }
  .content-wrapper {
    display: flex;
    width: 100%;
    position: relative;
    aside {
      width: 7rem;
      justify-content: center;
      display: flex;
    }
    section {
      width: 100%;
      margin-left: 1rem;
    }
  }
  .timestamp {
    color: ${Color.gray()};
    > a {
      color: ${Color.gray()};
    }
  }
  .to {
    color: ${Color.blue()};
    font-size: 1.3rem;
    line-height: 2.3rem;
    font-weight: bold;
  }
  .username {
    font-size: 1.8rem;
  }
  .comment__content {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 2rem;
    padding: 1.5rem 0 2rem 0;
  }
  .reply-button {
    margin-left: 0.5rem;
  }
  .comment__likes {
    margin-top: 0.5rem;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: bold;
    color: ${Color.darkerGray()};
  }
  .comment__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }
  @media (max-width: ${mobileMaxWidth}) {
    .likes {
      font-size: 1.8rem;
      margin-top: 0.5rem;
      font-weight: bold;
      color: ${Color.darkerGray()};
    }<commit_msg>line height adjustment<commit_after>import { css } from 'emotion';
import { Color, mobileMaxWidth } from 'constants/css';

export const commentContainer = css`
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 1.5rem;
  position: relative;
  font-size: 1.6rem;
  .dropdown-wrapper {
    right: 0;
    position: absolute;
  }
  .content-wrapper {
    display: flex;
    width: 100%;
    position: relative;
    aside {
      width: 7rem;
      justify-content: center;
      display: flex;
    }
    section {
      width: 100%;
      margin-left: 1rem;
    }
  }
  .timestamp {
    color: ${Color.gray()};
    > a {
      color: ${Color.gray()};
    }
  }
  .to {
    color: ${Color.blue()};
    font-size: 1.3rem;
    line-height: 2.3rem;
    font-weight: bold;
  }
  .username {
    font-size: 1.8rem;
  }
  .comment__content {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 1.5;
    padding: 1.5rem 0 2rem 0;
  }
  .reply-button {
    margin-left: 0.5rem;
  }
  .comment__likes {
    margin-top: 0.5rem;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: bold;
    color: ${Color.darkerGray()};
  }
  .comment__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }
  @media (max-width: ${mobileMaxWidth}) {
    .likes {
      font-size: 1.8rem;
      margin-top: 0.5rem;
      font-weight: bold;
      color: ${Color.darkerGray()};
    }
{'fraction_non_alphanumeric': 0.1511156186612576, 'fraction_numerical': 0.029411764705882353, 'mean_word_length': 2.244517543859649, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '5648987', 'n_tokens_mistral': 1159, 'n_tokens_neox': 1096, 'n_words': 234}