<commit_before>// generic component for having right-aligned and left-aligned content on a
// single line.

.lr-bar {
    @include clearfix;
}

.lr-bar__left {
    display: inline-block;
    margin: 0;
    margin-right: $padding;
}

.lr-bar__right {
    float: right;
    margin: 0 5px;

    > * {
        display: inline-block;
    }
}

.lr-bar--with-margin {
    margin-top: 1.5 * $em-spacer;
    margin-bottom: 0.5 * $em-spacer;

    &:first-child {
        margin-top: 0;
    }
}

.lr-bar__flex--wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    @media screen and (min-width: $breakpoint) {
        flex-wrap: unset;
    }

    &.nowrap {
        flex-wrap: unset;
    }
}

.lr-bar__actions {
    flex-direction: column;

    & > a {
        margin: 0.5*$spacer 0;
    }

    @media (min-width: 30em) {
        justify-content: flex-end;
        flex-direction: row;

        & > a {
            margin: 0.5*$spacer 0;
            margin-left: 0.5*$spacer;
        }
    }
}<commit_msg>templates/dashboard: show buttons next to headline in dashboard lists - fixes #3844<commit_after>// generic component for having right-aligned and left-aligned content on a
// single line.

.lr-bar {
    @include clearfix;
}

.lr-bar__left {
    display: inline-block;
    margin: 0;
    margin-right: $padding;
}

.lr-bar__right {
    float: right;
    margin: 0 5px;

    > * {
        display: inline-block;
    }
}

.lr-bar--with-margin {
    margin-top: 1.5 * $em-spacer;
    margin-bottom: 0.5 * $em-spacer;

    &:first-child {
        margin-top: 0;
    }
}

.lr-bar__flex--wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    @media screen and (min-width: $breakpoint) {
        flex-wrap: unset;
    }

    &.nowrap {
        flex-wrap: unset;
    }
}

.lr-bar__actions {
    flex-direction: column;

    & > a {
        margin: 0.5*$spacer 0;
    }

    @media screen and (min-width: $breakpoint) {
        display: inline-block;
        float: right;
        min-width: auto;
    }
}
{'fraction_non_alphanumeric': 0.14195736434108527, 'fraction_numerical': 0.015988372093023256, 'mean_word_length': 1.9207920792079207, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 8, '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': '6711426', 'n_tokens_mistral': 779, 'n_tokens_neox': 746, 'n_words': 164}