<commit_before>

  /** List with people information */

  $portrait-width: rem( 150px );


  .staff {
    margin: $base-spacing 0 $base-spacing * 1.5 ;
    width: 100%;

    .articles-container & {
      > li {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
      }
    }

    .profile-picture {
      float: left;
      display: block;
      margin-right: $column-padding;
      @include size( $portrait-width auto );



      @include media( $mobile-large-and-smaller ){
        width: 20%;
        max-width: $portrait-width;
      }
    }

    .summary {
      overflow: hidden;
      // Incl. staff portrait
      &:not(:first-child) {
        display: block;
        > header { margin-bottom: 1rem; }
      }

      // No staff portrait
      &:first-child {
        h3,
        .subtitle {
          display: inline-block;
        }

        h3 { margin-right: 1rem; }

        > header { margin-bottom: .25rem; }

        .meta > li { display: inline-block; }
      }
    }
  }

  .profile-picture { width: 100%; }

  // Contact information
  address.contact {
    > img {
      display: block;
      margin-bottom: .7rem;
    }

    > ul { font-style: normal; }
  }

  // List of quick (meta) information
  ul.meta {

    @include icon-selector() {
      color: $grey;
      font-size: 115%;

      &:before { display: inline; } // Prevent icon wrapping
    };

    &,
    > li {
      padding-left: 0; // Reset
    }

    > li {
      display: block;
      margin-bottom: .5em;
      font-size: rem( 14px ); //TODO: Refactor into more dynamic solution
      word-wrap: break-word;
      line-height: 1.35;
    }

    .highlight {
      display: inline-block;
      margin-right: .1rem;
      padding: 0; // Reset

      @include icon-selector() {
        color: inherit;

        &:before {
          display: inline-block;
          margin-right: .35em;
        }
      };

      > a {
        display: block;
        padding: .2rem .5rem;
        background-color: lighten( $green-nebula, $base-lighten-percentage );
        color: $base-heading-color;
        text-decoration: none;

        @include hoverify() {
          text-decoration: underline;
        }
      }
    }
  }

  @include media( $mobile-large-and-smaller ){
    aside {
      .contact{
        .profile-picture { 
          width: 20%;
          max-width: $portrait-width; 
          float: left;
          margin-right: $column-padding;
        }

        .meta {
          overflow: hidden;
        }
      }
    }
  }<commit_msg>FIX - Featured researcher sidebar improvement. Responsive improvement and image margin<commit_after>

  /** List with people information */

  $portrait-width: rem( 150px );


  .staff {
    margin: $base-spacing 0 $base-spacing * 1.5 ;
    width: 100%;

    .articles-container & {
      > li {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
      }
    }

    .profile-picture {
      float: left;
      display: block;
      margin-right: $column-padding;
      @include size( $portrait-width auto );



      @include media( $mobile-large-and-smaller ){
        width: 20%;
        max-width: $portrait-width;
      }
    }

    .summary {
      overflow: hidden;
      // Incl. staff portrait
      &:not(:first-child) {
        display: block;
        > header { margin-bottom: 1rem; }
      }

      // No staff portrait
      &:first-child {
        h3,
        .subtitle {
          display: inline-block;
        }

        h3 { margin-right: 1rem; }

        > header { margin-bottom: .25rem; }

        .meta > li { display: inline-block; }
      }
    }
  }

  .profile-picture { width: 100%; }

  // Contact information
  address.contact {
    > img {
      display: block;
      margin-bottom: .7rem;
    }

    > ul { font-style: normal; }
  }

  // List of quick (meta) information
  ul.meta {

    @include icon-selector() {
      color: $grey;
      font-size: 115%;

      &:before { display: inline; } // Prevent icon wrapping
    };

    &,
    > li {
      padding-left: 0; // Reset
    }

    > li {
      display: block;
      margin-bottom: .5em;
      font-size: rem( 14px ); //TODO: Refactor into more dynamic solution
      word-wrap: break-word;
      line-height: 1.35;
    }

    .highlight {
      display: inline-block;
      margin-right: .1rem;
      padding: 0; // Reset

      @include icon-selector() {
        color: inherit;

        &:before {
          display: inline-block;
          margin-right: .35em;
        }
      };

      > a {
        display: block;
        padding: .2rem .5rem;
        background-color: lighten( $green-nebula, $base-lighten-percentage );
        color: $base-heading-color;
        text-decoration: none;

        @include hoverify() {
          text-decoration: underline;
        }
      }
    }
  }

  @include media( $mobile-large-and-smaller ){
    aside {
      .contact{
        .profile-picture { 
          width: 20%;
          max-width: $portrait-width; 
          float: left;
          margin-right: $column-padding;
        }

        .meta {
          overflow: hidden;
        }
      }
    }
  }

  /* Research hub Sidebar featured researcher profile */

  #rightHandMenu {
    .data-sidebar {
      &.featured-researcher {

        .profile-picture {
          margin-bottom: .7rem;
        }

        @include media($mobile-large-and-smaller) {
          
          .profile-picture {
            width: 20%;
            max-width: $portrait-width; 
            float: left;
            margin-right: $column-padding;
          }

          .summary {
            overflow: hidden;
          }
        }
      }

    }
  }
{'fraction_non_alphanumeric': 0.1284906327324143, 'fraction_numerical': 0.015022976316719689, 'mean_word_length': 1.476586433260394, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 21, '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': '3836433', 'n_tokens_mistral': 1884, 'n_tokens_neox': 1729, 'n_words': 387}