<commit_before>$user-input-height: 80px;
$search-result-height: 60px;
$search-results-container-height: calc(100vh - #{$user-input-height});
$side-padding: 15px;
$scrollbar-size: 8px;
$icon-size: 55%;

@mixin transitions() {
    transition: all 250ms ease-in-out;
}

body {    
    margin: 0;
    padding: 0;
    background-color: $background-color;
    color: $text-color;
}

div.container {
    display: flex;
    flex-direction: column;
}

div.user-input-container {
    height: $user-input-height;
    display: flex;
    padding: 0 $side-padding;
}

input.user-input {
    @include font-user-input();
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: transparent;
    font-size: 2rem;
    font-weight: 100;
    color: $text-color;

    &:focus {
        outline: none;
    }
}

div.search-icon-container {
    width: $search-result-height;
    display: flex;
    justify-content: center;
    align-items: center;

    svg {
        width: $icon-size;
        fill: $text-color;
    }
}

div.output-container {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: $search-results-container-height;
}

div.command-line-output-container {
    padding: 0 $side-padding;
    
    pre {
        @include font-mono();
        margin: 0;
    }
}

div.search-results-container {    
    width: 100%;
    height: 100%;
}   

div.search-result {<commit_msg>Addes spacing around command line output container<commit_after>$user-input-height: 80px;
$search-result-height: 60px;
$search-results-container-height: calc(100vh - #{$user-input-height});
$side-padding: 15px;
$scrollbar-size: 8px;
$icon-size: 55%;

@mixin transitions() {
    transition: all 250ms ease-in-out;
}

body {    
    margin: 0;
    padding: 0;
    background-color: $background-color;
    color: $text-color;
}

div.container {
    display: flex;
    flex-direction: column;
}

div.user-input-container {
    height: $user-input-height;
    display: flex;
    padding: 0 $side-padding;
}

input.user-input {
    @include font-user-input();
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: transparent;
    font-size: 2rem;
    font-weight: 100;
    color: $text-color;

    &:focus {
        outline: none;
    }
}

div.search-icon-container {
    width: $search-result-height;
    display: flex;
    justify-content: center;
    align-items: center;

    svg {
        width: $icon-size;
        fill: $text-color;
    }
}

div.output-container {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: $search-results-container-height;
}

div.command-line-output-container {
    padding: $side-padding;
    
    pre {
        @include font-mono();
        margin: 0;
    }
}

div.search-results-container {    
    width: 100%;
    height: 100%;
}   

div.search-result {
{'fraction_non_alphanumeric': 0.14522382798731054, 'fraction_numerical': 0.025026436376454, 'mean_word_length': 2.5743073047858944, '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': '3712132', 'n_tokens_mistral': 1063, 'n_tokens_neox': 986, 'n_words': 203}