Стилизация

CSS

Я использую плагин для хрома UserCSS

Работает для темной темы и улучшает работу для манагеров

@media (min-width: 1300px) {
    .container {
        max-width: unset;
    }
}
@media (min-width: 500px) {
	.l-header__menu__item {
		height: 38px;
	}
}
@media (min-width: 1300px) {
    .l-header:not(.m-narrow-width-header) .l-header__menu__item__text {
        font-size: 14px;
    }
}
@media (min-width: 500px) {
    .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
        margin-left: unset;
    }
}
@media (min-width: 1300px) {
    .m-main-container:not(.p-without-header) .l-sidebar~.l-header:not(.m-narrow-width-header)~#content {
        max-width: unset;
    }
}
@media (min-width: 1004px) {
    .b-feed {
        max-width: 50%;
    }
}
@media (min-width: 1004px) {
    .m-right-sidebar .b-feed__wrapper:after {
        width: calc( 50% + 17px );
    }
}
@media (min-width: 500px) {
    .l-wrapper__content {
        margin-left:unset
    }
}
.b-notifications__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.b-username-row {
    flex-wrap: wrap;
}
.b-photos {
    grid-template-columns: repeat(10,1fr);
}
.checkbox-item.m-pos-right-top {
    top: 0;
    width: 50%;
    height: 50%;
}
.checkbox-item__inside {
    width: 100%;
    height: 100%;
}
@media (min-width: 560px) {
    .modal .modal-dialog.modal-md {
        max-width: 90%;
    }
}
.b-compact-header .b-username-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
}