<commit_before>.dialog-container {
    height: 100%;
    
    .dialog-content {
        overflow: hidden;
        margin: 0px -24px;
        height: calc(100% - 25px);
        background-color: #f8f8f8;

        mat-dialog-content {
            position: relative;

            .action-buttons {
                position: absolute;
                right: 20px;
                top: 0;
                z-index: 100;
                width: 250px;
                padding: 10px;
                padding-right: 30px;
                display: flex;
                flex-direction: row;
                justify-content: flex-end;

                div {
                    padding-left: 8px;

                    .navigation {
                        min-width: 40px;
                        padding: 0 8px;
                    }
                }
            }
            
            .overview-wrap {
                display: flex;
                flex-direction: row;
                padding: 2px;
                overflow: hidden;
                height: 99%;
                overflow: auto;

                &::-webkit-scrollbar {
                    width: 10px;
                }
                
                &::-webkit-scrollbar-thumb {
                    background-color: darkgrey;
                    outline: 1px solid slategrey;
                }
              
            }
<commit_msg>PP9-9259: Mobile optimizations.<commit_after>.dialog-container {
    height: 100%;
    
    .dialog-content {
        overflow: hidden;
        margin: 0px -24px;
        height: calc(100% - 25px);
        background-color: #f8f8f8;

        mat-dialog-content {
            position: relative;

            .action-buttons {
                position: absolute;
                right: 20px;
                top: 0;
                z-index: 100;
                width: 250px;
                padding: 10px;
                padding-right: 30px;
                display: flex;
                flex-direction: row;
                justify-content: flex-end;

                div {
                    padding-left: 8px;

                    .navigation {
                        min-width: 40px;
                        padding: 0 8px;
                    }
                }
            }
            
            .overview-wrap {
                display: flex;
                flex-direction: row;
                padding: 2px;
                overflow: hidden;
                height: 99%;
                overflow: auto;

                @media (max-width: 600px) {
                    flex-direction: column;
                }

                &::-webkit-scrollbar {
                    width: 10px;
                }
                
                &::-webkit-scrollbar-thumb {
                    background-color: darkgrey;
                    outline: 1px solid slategrey;
                }
              
            }

{'fraction_non_alphanumeric': 0.08233686368295183, 'fraction_numerical': 0.02869832593098736, 'mean_word_length': 0.7627934978928357, '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': '147112', 'n_tokens_mistral': 824, 'n_tokens_neox': 674, 'n_words': 147}