Hi all, I'm fairly new to Adapt. I'm having issues with the Authoring Tool's preview of a course vs my local version of the course. 

I have changed a media query for the side-by-side components (component-left/component-right in the base.less file of the vanilla theme. I can see the changes when I test run/compile onto my local server. However when I upload this theme onto the authoring tool, the media query remains at (min-width: 760px). I've tried searching through for other sections of the code that may affect the media query.

I ended up moving this media query/class onto the component.less file, I'm not sure if that's the cleanest way to apply the changes.

Any tips on how these files are compiled on the Authoring Tool?

.component-left {
    width:100%;
    float:none;
    @media all and (min-width: 1100px) {
        width:50%;
       float:left;
       .component-inner {
            margin-right:5%;
        }
    }
}

.component-right {
    width:100%;
    float:none;
    @media all and (min-width: 1100px) {
        width:50%;
        float:right;
        .component-inner {
            margin-left:5%;
        }
    }
}