<commit_before>@supports (display: grid) {
    #app_contents {
        margin: 70px 0 40px;
    }
    /* trade-app layout */
    #trade_container {
        position: relative;
        margin: 0 15px;
        display: grid;
        grid-template-columns: repeat(12, [col-start] 1fr);
        grid-template-rows: 1fr;
        grid-gap: 4px;

        .chart-container {
            padding: 10px;
            position: relative;

            cq-context { // stylelint-disable-line selector-type-no-unknown
                top: 0;
                left: 0;

                div.chartContainer {
                    background: transparent;
                    min-height: 100%;
                }
            }
            div.debug-text {
                display: none;
            }
        }
        .sidebar-container {
            position: relative;
        }
        & > * {
            grid-column: col-start / span 12;
        }
        @media (min-width: 769px) {
            .chart-container {
                grid-column: col-start 1 / span 9;

                fieldset {
                    display: inline-grid;
                    width: 25%;
                    margin: 0 8px 16px;
                }
            }
            .sidebar-container {
                grid-column: col-start 10 / span 3;
                grid-gap: 10px;
                grid-template-rows: fit-content(40%) fit-content(40%) fit-content(40%) fit-content(40%);
                transition: all 0.25s;

                fieldset {
                    grid-column: 1;

                    div.duration-container, div.amount-container, div.endtime-container {
                        display: grid;
                        grid-column-gap: 15px;
                        grid-template-columns: 1fr;
                        grid-auto-columns: auto;
                    }
                    @media (min-width: 979px) {
                        div.duration-container {
                            grid-template-columns: 1.5fr 1fr;
                        }
                        div.endtime-container {
                            grid-template-columns: 1fr 1fr;
                        }
                        div.amount-container {
                            grid-template-columns: 1fr 1fr 1fr;

                            &.has-currency {
                                grid-template-columns: 1fr 1.5fr;
                            }
                        }
                    }<commit_msg>ui fixes<commit_after>@supports (display: grid) {
    #app_contents {
        margin: 70px 0 40px;
    }
    /* trade-app layout */
    #trade_container {
        position: relative;
        margin: 0 15px;
        display: grid;
        grid-template-columns: repeat(12, [col-start] 1fr);
        grid-template-rows: 1fr;
        grid-gap: 4px;

        .chart-container {
            padding: 10px;
            position: relative;

            cq-context { // stylelint-disable-line selector-type-no-unknown
                top: 0;
                left: 0;

                div.chartContainer {
                    background: transparent;
                    min-height: 100%;
                }
            }
            div.debug-text {
                display: none;
            }
        }
        .sidebar-container {
            position: relative;
        }
        & > * {
            grid-column: col-start / span 12;
        }
        @media (min-width: 769px) {
            .chart-container {
                grid-column: col-start 1 / span 9;

                fieldset {
                    display: inline-grid;
                    width: 25%;
                    margin: 0 8px 16px;
                }
            }
            .sidebar-container {
                grid-column: col-start 10 / span 3;
                grid-gap: 10px;
                grid-template-rows: fit-content(40%) fit-content(40%) fit-content(40%) fit-content(40%);
                transition: all 0.25s;

                fieldset {
                    grid-column: 1;

                    div.duration-container, div.amount-container {
                        display: grid;
                        grid-column-gap: 15px;
                        grid-template-columns: 1fr;
                        grid-auto-columns: auto;
                    }
                    @media (min-width: 979px) {
                        div.duration-container {
                            grid-template-columns: 1.5fr 1fr;
                        }
                        div.amount-container {
                            grid-template-columns: 1fr 1.5fr;

                            &.has-currency {
                                grid-template-columns: 1fr 1.5fr;
                            }
                        }
                    }
{'fraction_non_alphanumeric': 0.09174311926605505, 'fraction_numerical': 0.027522935779816515, 'mean_word_length': 0.8629126213592233, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '1549725', 'n_tokens_mistral': 1355, 'n_tokens_neox': 1153, 'n_words': 237}