dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

.social-activity-feed-grouped li:not([data-content-type]) {
    /* Excluding from display:flex */
	display: block;
	/* Not for scrolling (the height is auto), just for some reason it's
	   needed to align with the expand/collapse toggles when there is more than
	   one line */
	overflow: auto;
}

/* larger headers */
.social-activity-feed-grouped h4 {
	font-size: large;
}

/* Changing the Expand/Collapse buttons to look like those on Recent Changes */
.social-activity-feed-grouped .mw-collapsible-toggle a,
.social-activity-feed-grouped .mw-collapsible-toggle::before,
.social-activity-feed-grouped .mw-collapsible-toggle::after {
    font-size: 0;
}

.social-activity-feed-grouped .mw-collapsible-toggle {
    display: contents;
    width: 15px;
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.social-activity-feed-grouped .mw-collapsible-toggle-collapsed {
    background-image: url(/resources-ucp/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.png?9fdfe);
    background-image: linear-gradient(transparent,transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%2372777d%22 d=%22M4 1.533v9.671l4.752-4.871z%22/%3E %3C/svg%3E");
}

.social-activity-feed-grouped .mw-collapsible-toggle-expanded {
    background-image: url(/resources-ucp/resources/src/mediawiki.icon/images/arrow-expanded.png?39834);
    background-image: linear-gradient(transparent,transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%2372777d%22 d=%22M1.165 3.624h9.671L5.965 8.376z%22/%3E %3C/svg%3E");
}

/* Aligning the header with the button */
.social-activity-feed-grouped h4 {
    float: right;
    width: calc(100% - 30px);
}

.social-activity-feed-grouped h4,
.social-activity-feed-grouped .mw-collapsible-toggle {
    margin: 5px 0;
}