The style in userchrome.css stopped working as it should

Okay, I figured it out myself. Maybe it will be useful to someone:

#react-root > div.profile-default > div > div.resizableLayoutItem.rli-root > div.resizableLayoutItem.rli-editor > div > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) {
flex: 1 0 0% !important;
}

#react-root > div.profile-default > div > div.resizableLayoutItem.rli-root > div.resizableLayoutItem.rli-editor > div > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) {
flex: 2.2 1 0% !important;
border-left: none !important;
}

#react-root > div.profile-default > div > div.resizableLayoutItem.rli-root > div.resizableLayoutItem.rli-editor > div > div > div > div > div:nth-child(2) > div > div:nth-child(2) {
    flex-direction: row-reverse !important;
}