<commit_before>// community view

.community{ // main style wrapper for community page

  #banner {
    position: relative;

    #banner-image {
      background-color: rgba(0,0,0,.6);
      background: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), 
      linear-gradient(to left, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), 
      linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.8));
      display: inline-block;
      width: 100%;
      height: 100%;

      #innerImage {
        position: relative;
        z-index: -2;
        opacity: .9;
        height: 400px;
        height: 50vh;
        background-size: cover;
        background-position: center;
      }
    }

    .banner-communityName {
      .proxima-nova-semibold;
      font-size: 400%;
      color: white;
      position: absolute;
      bottom: 110px;
      text-align: center;
      margin-left: auto;
      margin-top: auto;
      width: 100%;
      letter-spacing: 2.5px;
      
      @media (max-width: @screen-sm) {
        bottom: 45px;
        line-height: 1;
      }
      @media (max-width: @screen-xs) {
        bottom: 30px;
      }
    }

    .banner-menu {
      position: absolute;
      bottom: 50px;
      text-align: center;
      margin-left: auto;
      margin-top: auto;
      width: 100%;
    }

    .banner-menuItem {
      .proxima-nova-light;
      color: white;
      font-size: 130%;
      display: inline-block;
      margin: 0px 40px;
      letter-spacing: 2px;
    }
  }

  .community-filter-buttons {
    border: 1px solid @border-light;
    top: -5px;
    padding: 15px 6% 0px 6%;
    position: relative;
    height: 70px;

    @media (max-width: @screen-sm-max) {
      #community-addSeedButton {
        width: 30px;
        overflow: hidden;
        padding-left: 8px;
        &-text {
          visibility: hidden;
        }
      }
      .filter-buttons {
        select {
          width: 30px;
        }
      }
    }

    .filter-buttons {
      float: right;
      button {
        .rounded-button;
        min-width: 90px;
      }
    }
  }

  #search-popover {
    position: absolute;
    width: 150px;
    right: 1px;
    margin-top: 3px;

    input {
      border: 1px solid @border-medium;<commit_msg>fix for buttons on mobile - second try<commit_after>// community view

.community{ // main style wrapper for community page

  #banner {
    position: relative;

    #banner-image {
      background-color: rgba(0,0,0,.6);
      background: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), 
      linear-gradient(to left, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), 
      linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.8));
      display: inline-block;
      width: 100%;
      height: 100%;

      #innerImage {
        position: relative;
        z-index: -2;
        opacity: .9;
        height: 400px;
        height: 50vh;
        background-size: cover;
        background-position: center;
      }
    }

    .banner-communityName {
      .proxima-nova-semibold;
      font-size: 400%;
      color: white;
      position: absolute;
      bottom: 110px;
      text-align: center;
      margin-left: auto;
      margin-top: auto;
      width: 100%;
      letter-spacing: 2.5px;
      
      @media (max-width: @screen-sm) {
        bottom: 45px;
        line-height: 1;
      }
      @media (max-width: @screen-xs) {
        bottom: 30px;
      }
    }

    .banner-menu {
      position: absolute;
      bottom: 50px;
      text-align: center;
      margin-left: auto;
      margin-top: auto;
      width: 100%;
    }

    .banner-menuItem {
      .proxima-nova-light;
      color: white;
      font-size: 130%;
      display: inline-block;
      margin: 0px 40px;
      letter-spacing: 2px;
    }
  }

  .community-filter-buttons {
    border: 1px solid @border-light;
    top: -5px;
    padding: 15px 6% 0px 6%;
    position: relative;
    height: 70px;

    @media (max-width: @screen-sm-max) {
      #community-addSeedButton {
        width: 30px;
        overflow: hidden;
        padding-left: 8px;
        &-text {
          visibility: hidden;
        }
      }
      .filter-buttons {
        select {
          width: 30px;
        }
      }
    }

    .filter-buttons {
      float: right;
      button {
        .rounded-button;
        min-width: 90px;

        @media (max-width: @screen-xs) {
          min-width: initial;
          padding: 0 12px;
        }
      }
    }
  }

  #search-popover {
    position: absolute;
    width: 150px;
    right: 1px;
    margin-top: 3px;

    input {
      border: 1px solid @border-medium;
{'fraction_non_alphanumeric': 0.14207093355075417, 'fraction_numerical': 0.056869139828781085, 'mean_word_length': 1.7367540435025097, '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': '734012', 'n_tokens_mistral': 2034, 'n_tokens_neox': 1698, 'n_words': 429}