.commenting {
    display: block;
    margin-bottom: $spacer;
}

.commenting__content--border {
    padding: $padding;
    border: 1px solid $border-color;
    border-radius: ($padding / 2);
}

.commenting--toc__button {
    display: block;
    width: 100%;
    text-align: left;
}

.commenting__actions {
    text-align: right;
}

.commenting__title {
    margin-top: 0;
    font-size: $font-size-lg;
}

.commenting-form {
    margin-bottom: 2 * $spacer;
}

@media (min-width: $breakpoint) {
    .commenting {
        @include clearfix;
    }

    .commenting__content {
        @include grid-span(9, 0);
    }

    .commenting__actions {
        @include grid-span(3, 9);
        text-align: left;
    }
}

.commenting {
    display: block;
    margin-bottom: $spacer;
}

.commenting__content--border {
    padding: $padding;
    border: 1px solid $border-color;
    border-radius: ($padding / 2);
}

.commenting--toc__button {
    // FIXME: This class should either not add styling or not be combined with .button
    // see: https://github.com/liqd/a4-meinberlin/pull/555#discussion_r122957403
    display: block;
    width: 100%;
    text-align: left;
}

.commenting__actions {
    text-align: right;
}

.commenting__title {
    margin-top: 0;
    font-size: $font-size-lg;
}

.commenting-form {
    margin-bottom: 2 * $spacer;
}

@media (min-width: $breakpoint) {
    .commenting {
        @include clearfix;
    }

    .commenting__content {
        @include grid-span(9, 0);
    }

    .commenting__actions {
        @include grid-span(3, 9);
        text-align: left;
    }
}

Add FIXME note to commenting-toc__button class
Add FIXME note to commenting-toc__button class
