<commit_before>.page-new-survery {
    .map-action-sidebar {
        position: static;
    }

    .map-sidebar {
        max-height: 75vh;
        overflow: auto;
        overflow-x: hidden;
        box-shadow: 0 1px 2px rgba(black, .2);
    }
}

.map-survey {
    position: fixed;
    top: $navbar-height;
    bottom: 0;
    left: 0;
    right: 0;
    @media (max-width: $screen-sm - 1) {
        bottom: 15rem;
    }
    @media (max-height: $screen-xs-height) and (max-width: $screen-sm) {
        top: 4.5rem;
    }
}

.action-bar-survey {
    .btn-group {
        margin-bottom: .75rem;
    }
    @media (max-width: $screen-sm - 1) {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 15rem;
        padding: $grid-gutter-width/3 $grid-gutter-width/2;
        z-index: 1;
        background-color: #fff;
        display: table;
        .tab-status-list & {
          display: none;
        }
        #select-starting-point, #select-side {
            display: table-cell;
            vertical-align: middle;
        }

        &.expanded {
            top: $navbar-height;
            overflow: scroll;
            bottom: 0;
            display: block;
            height: auto;
            padding: 0;
            z-index: $zindex-leaflet-controls + 1;
            @media (max-height: $screen-xs-height) and (max-width: $screen-sm) {
                top: 4.5rem;
            }
        }
    }

    // Select2 dropdown styling
    .select2-container a.select2-choice {
      background: none;
      border-radius: $input-border-radius;
      height: $input-height-base;
      padding: 6px 12px;
      font-size: $font-size-base;
      line-height: $line-height-base;
      color: $input-color;
      background-color: $input-bg;
      background-image: none;
      border: 1px solid $input-border;
    }

    .select2-dropdown-open.select2-container {
        a.select2-choice {
            border-radius: $input-border-radius $input-border-radius 0 0;
            border: 1px solid #5897fb;
        }
        &.select2-drop-above a.select2-choice {
            border-radius: 0 0 $input-border-radius $input-border-radius;
        }
    }

    // Select2 icons
    .select2-container .select2-choice .select2-arrow {
        padding: 5px;
        background: none;
        width: 30px;
    }

    .select2-container .select2-choice abbr {
      right: 40px;
      top: 11px;
    }
}

// Select2 results
// Outside of action-bar due to rendering at bottom of DOM
.select2-results {
    li {
        border-bottom: 1px solid $gray-lightest;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    p {
        display: inline-block;
        margin: 0;
        &:first-child:after {
            content: '-';
            margin: 0 5px;
        }
    }
    .select2-result-label .select2-match {
        text-decoration: none;
        color: $brand-success;
        font-weight: 600;
    }
}

@media (max-width: $screen-tablet) {
    .select2-drop.select2-drop-active {
        top: 10px !important;
        bottom: 30px !important;
        border-bottom: 1px solid #5897fb !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.45) !important;
        overflow: hidden;

        .select2-results {
            max-height: 85%;
        }
    }
}

#tree-form-header {
    background: $gray-lightest;
    padding: 1rem 2rem;
    margin: -2rem -2rem 2rem;
    #no-trees {
        border-radius: $border-radius-base;
    }
    h4 {
        margin: 0;<commit_msg>added max-width to select2 dropdown on tablet on down<commit_after>.page-new-survery {
    .map-action-sidebar {
        position: static;
    }

    .map-sidebar {
        max-height: 75vh;
        overflow: auto;
        overflow-x: hidden;
        box-shadow: 0 1px 2px rgba(black, .2);
    }
}

.map-survey {
    position: fixed;
    top: $navbar-height;
    bottom: 0;
    left: 0;
    right: 0;
    @media (max-width: $screen-sm - 1) {
        bottom: 15rem;
    }
    @media (max-height: $screen-xs-height) and (max-width: $screen-sm) {
        top: 4.5rem;
    }
}

.action-bar-survey {
    .btn-group {
        margin-bottom: .75rem;
    }
    @media (max-width: $screen-sm - 1) {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 15rem;
        padding: $grid-gutter-width/3 $grid-gutter-width/2;
        z-index: 1;
        background-color: #fff;
        display: table;
        .tab-status-list & {
          display: none;
        }
        #select-starting-point, #select-side {
            display: table-cell;
            vertical-align: middle;
        }

        &.expanded {
            top: $navbar-height;
            overflow: scroll;
            bottom: 0;
            display: block;
            height: auto;
            padding: 0;
            z-index: $zindex-leaflet-controls + 1;
            @media (max-height: $screen-xs-height) and (max-width: $screen-sm) {
                top: 4.5rem;
            }
        }
    }

    // Select2 dropdown styling
    .select2-container a.select2-choice {
      background: none;
      border-radius: $input-border-radius;
      height: $input-height-base;
      padding: 6px 12px;
      font-size: $font-size-base;
      line-height: $line-height-base;
      color: $input-color;
      background-color: $input-bg;
      background-image: none;
      border: 1px solid $input-border;
    }

    .select2-dropdown-open.select2-container {
        a.select2-choice {
            border-radius: $input-border-radius $input-border-radius 0 0;
            border: 1px solid #5897fb;
        }
        &.select2-drop-above a.select2-choice {
            border-radius: 0 0 $input-border-radius $input-border-radius;
        }
    }

    // Select2 icons
    .select2-container .select2-choice .select2-arrow {
        padding: 5px;
        background: none;
        width: 30px;
    }

    .select2-container .select2-choice abbr {
      right: 40px;
      top: 11px;
    }
}

// Select2 results
// Outside of action-bar due to rendering at bottom of DOM
.select2-results {
    li {
        border-bottom: 1px solid $gray-lightest;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    p {
        display: inline-block;
        margin: 0;
        &:first-child:after {
            content: '-';
            margin: 0 5px;
        }
    }
    .select2-result-label .select2-match {
        text-decoration: none;
        color: $brand-success;
        font-weight: 600;
    }
}

@media (max-width: $screen-tablet) {
    .select2-drop.select2-drop-active {
        top: 10px !important;
        bottom: 30px !important;
        border-bottom: 1px solid #5897fb !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.45) !important;
        overflow: hidden;
        max-width: 80%;

        .select2-results {
            max-height: 85%;
        }
    }
}

#tree-form-header {
    background: $gray-lightest;
    padding: 1rem 2rem;
    margin: -2rem -2rem 2rem;
    #no-trees {
        border-radius: $border-radius-base;
    }
    h4 {
        margin: 0;
{'fraction_non_alphanumeric': 0.12708797327394208, 'fraction_numerical': 0.031597995545657016, 'mean_word_length': 1.6193948231862925, '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': '6633689', 'n_tokens_mistral': 2545, 'n_tokens_neox': 2344, 'n_words': 519}