<commit_before>/*
 * Edit Quiz
 * --------- */

// Screen width at which to display the quiz name and actions (save, etc.) on separate rows,
// instead of on the same row.
@header-breakpoint: 570px;

.sortable-list-placeholder {
    width: 100%;
    margin: 8px 0;    
    border: 1px dashed #ccc;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: move;
}

.edit-quiz {
    max-width: 50em;
    margin: 1em auto 5em;

    .header-container {
        .quiz-name-container {
            .make-xs-column(6);

            @media(max-width:@header-breakpoint) {
                float: none;
                width: 100%;
            }
        }
        .quiz-actions {
            .make-xs-column(6);

            @media(max-width:@header-breakpoint) {
                float: none;
                width: 100%;
                margin-top: 1em;
                text-align: left;
            }

            text-align: right;

            .action:not(.last) { margin-right: .4em; }

            .messages {
                display: inline-block;
                line-height: 34px;

                @media(max-width:@header-breakpoint) {
                    float: right;
                    margin-top: 4px;
                }

                .quiz-xhr-message {
                    color: #aaa;
                    font-style: italic;
                    padding: 4px;
                    background-color: white;

                    // On really tiny screens, the "Saved" and "Loading" messages simply
                    // won't fit. They're not that important, so don't show them.
                    @media(max-width:400px) { display: none; }
                }
                .quiz-xhr-message, #save-spinner { margin-right: 1em; }
                .quiz-xhr-message.error { color: #b94a48; background-color: #f2dede; }
            }<commit_msg>Fix quiz dropdown menu alignment<commit_after>/*
 * Edit Quiz
 * --------- */

// Screen width at which to display the quiz name and actions (save, etc.) on separate rows,
// instead of on the same row.
@header-breakpoint: 570px;

.sortable-list-placeholder {
    width: 100%;
    margin: 8px 0;    
    border: 1px dashed #ccc;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: move;
}

.edit-quiz {
    max-width: 50em;
    margin: 1em auto 5em;

    .header-container {
        .quiz-name-container {
            .make-xs-column(6);

            @media(max-width:@header-breakpoint) {
                float: none;
                width: 100%;
            }
        }
        .quiz-actions {
            .make-xs-column(6);

            @media(max-width:@header-breakpoint) {
                float: none;
                width: 100%;
                margin-top: 1em;
                text-align: left;
            }

            text-align: right;

            // Align dropdown menu items to the left
            .btn-group { text-align: left; }

            .action:not(.last) { margin-right: .4em; }

            .messages {
                display: inline-block;
                line-height: 34px;

                @media(max-width:@header-breakpoint) {
                    float: right;
                    margin-top: 4px;
                }

                .quiz-xhr-message {
                    color: #aaa;
                    font-style: italic;
                    padding: 4px;
                    background-color: white;

                    // On really tiny screens, the "Saved" and "Loading" messages simply
                    // won't fit. They're not that important, so don't show them.
                    @media(max-width:400px) { display: none; }
                }
                .quiz-xhr-message, #save-spinner { margin-right: 1em; }
                .quiz-xhr-message.error { color: #b94a48; background-color: #f2dede; }
            }
{'fraction_non_alphanumeric': 0.11763185108583248, 'fraction_numerical': 0.02016546018614271, 'mean_word_length': 1.2261219792865363, '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': '2199043', 'n_tokens_mistral': 1238, 'n_tokens_neox': 1090, 'n_words': 268}