CUNY Academic Commons

Filing this under bug, though it might just be a support / documentation question.

I was working on website layout on [a post for JITP Staging](https://jitpstaging.commons.gc.cuny.edu/wp-admin/post.php?post=4878&action=edit), using the Custom CSS tool under the Appearance Menu.

I entered this code, which looked fine using the Chrome Inspector:

.gallery-jitp-flex .gallery {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.gallery-jitp-flex .gallery .gallery-item {
    display: flex;
    flex-direction: column;
    padding: 0.1em;
}

.gallery-jitp-flex .gallery .gallery-item .gallery-icon {
    align-self: center;
}

.gallery-jitp-flex .gallery .gallery-item .gallery-caption {
    align-self: flex-end;
    padding: 0 0.8em;
}

When I saved the Custom CSS, instead it transformed into this (non-functional) version, which was then the only sign that I'd changed the Custom CSS:

.gallery-jitp-flex .gallery {
    display: flex; 
}

.gallery-jitp-flex .gallery .gallery-item {
    display: flex;
    padding: .1em;
}

.gallery-jitp-flex .gallery .gallery-item .gallery-icon {
}

.gallery-jitp-flex .gallery .gallery-item .gallery-caption {
    padding: 0 .8em;
}

In other words, it stripped out the most essential parts of a flexbox layout: justify-content, align-items, and flex-direction. Any ideas why this might have happened?