<commit_before>//  M E D I A
//  L A R G E

.media--large {
  display: flex;
  font-size: 1.5rem;

  .media__info {
    margin-left: var(--spacing-vertical-large);
    width: calc(100% - 20rem);
  }

  .media__thumb {
    margin-bottom: var(--spacing-vertical-medium);
    width: 40rem;
  }

  // Titles need adjusted styles at different
  // screen widths

  .media__title {
    @media (min-width: 601px) {
      font-size: 2.15rem;
      line-height: 1.33;
      margin-bottom: 0.25rem;
    }

    @media (max-width: 600px) {
      margin-bottom: var(--spacing-vertical-small);
    }
  }
}

//  M E D I A
//  P L A C E H O L D E R

.media--placeholder {
  .media__channel,
  .media__date,
  .media__title,
  .media__properties {
    min-height: 1rem;
  }

  // Margins for channel name and titles need to be adjusted
  // for smaller screen widths

  .media__channel,
  .media__title {
    @media (min-width: 601px) {
      margin-bottom: var(--spacing-vertical-small);
    }
  }

  .media__channel {
    width: 70%;

    @media (max-width: 600px) {
      margin-bottom: var(--spacing-vertical-small);
    }
  }

  .media__date {
    width: 30%;
  }

  .media__title {
    width: 100%;
  }
}

//  M E D I A
//  P E N D I N G

.media--pending {
  opacity: 0.5;

  &:hover {
    cursor: default;
  }
}

//  M E D I A
//  S E A R C H   R E S U L T

.media--search-result {
  display: flex;

  &:not(:last-of-type) {
    margin-bottom: var(--spacing-vertical-large);
  }

  .media__info {
    margin-left: var(--spacing-vertical-medium);
    width: calc(100% - 20rem);
  }

  .media__properties {
    bottom: -5rem;
    left: -20rem;
    position: absolute;
  }

  .media__subtext {
    padding-top: var(--spacing-vertical-medium);
  }

  .media__thumb {
    width: 20rem;
  }

  .media__title {<commit_msg>fix: icon placement on search page<commit_after>//  M E D I A
//  L A R G E

.media--large {
  display: flex;
  font-size: 1.5rem;

  .media__info {
    margin-left: var(--spacing-vertical-large);
    width: calc(100% - 20rem);
  }

  .media__thumb {
    margin-bottom: var(--spacing-vertical-medium);
    width: 40rem;
  }

  // Titles need adjusted styles at different
  // screen widths

  .media__title {
    @media (min-width: 601px) {
      font-size: 2.15rem;
      line-height: 1.33;
      margin-bottom: 0.25rem;
    }

    @media (max-width: 600px) {
      margin-bottom: var(--spacing-vertical-small);
    }
  }
}

//  M E D I A
//  P L A C E H O L D E R

.media--placeholder {
  .media__channel,
  .media__date,
  .media__title,
  .media__properties {
    min-height: 1rem;
  }

  // Margins for channel name and titles need to be adjusted
  // for smaller screen widths

  .media__channel,
  .media__title {
    @media (min-width: 601px) {
      margin-bottom: var(--spacing-vertical-small);
    }
  }

  .media__channel {
    width: 70%;

    @media (max-width: 600px) {
      margin-bottom: var(--spacing-vertical-small);
    }
  }

  .media__date {
    width: 30%;
  }

  .media__title {
    width: 100%;
  }
}

//  M E D I A
//  P E N D I N G

.media--pending {
  opacity: 0.5;

  &:hover {
    cursor: default;
  }
}

//  M E D I A
//  S E A R C H   R E S U L T

.media--search-result {
  display: flex;

  &:not(:last-of-type) {
    margin-bottom: var(--spacing-vertical-large);
  }

  .media__info {
    margin-left: var(--spacing-vertical-medium);
    width: calc(100% - 20rem);
  }

  .media__properties {
    bottom: -4.5rem;
    left: -20rem;
    position: absolute;
  }

  .media__subtext {
    padding-top: var(--spacing-vertical-medium);
  }

  .media__thumb {
    width: 20rem;
  }

  .media__title {
{'fraction_non_alphanumeric': 0.1475364712358932, 'fraction_numerical': 0.027800715661987337, 'mean_word_length': 2.0512174643157013, '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': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1675590', 'n_tokens_mistral': 1513, 'n_tokens_neox': 1374, 'n_words': 343}