Minimum Screen Width & Horizontal Scroll

[Mike521w]

I saw on another thread that the minimum screen width is 1366px. Any chance of making this responsive? My monitor's native resolution is 1280 x 1044, and I usually don't have my browser window maximized, so the actual width is less than that.

Maybe not responsive all the way down to a cell phone, but what about tablet sized and up?

Alternatively, maybe users can have their own css overrides stylesheet for the admin interface..

EDIT: for anyone who reads this in the future who is stubborn like me:

(function(){
window.mm5AdminOverrideStyles = `<style>


.mm10_screen_top_controls {
width: 100% !important;
}
.mm10_screen_header_title_spacer {
display: none;
}
.mm10_screen_header_container {
width: 83% !important;
}
.mm10_screen_container {
width: 99vw !important;
border: 1px solid #900;
}
#mm9_content_container {
/* this is inside iframe.mm10_screen_content_frame */
min-width: 100% !important;
}


</style>`;


(function() {
const send = XMLHttpRequest.prototype.send
XMLHttpRequest.prototype.send = function() {
this.addEventListener('load', function() {
console.log("ajax complete");
setTimeout(function(){
console.log("inserting styles in Main iframe");
frames["Main"].document.head.insertAdjacentHTML("beforeend", window.mm5AdminOverrideStyles);
}, 1000);

});
return send.apply(this, arguments)
}
})()

console.log("inserting styles");
document.head.insertAdjacentHTML("beforeend", window.mm5AdminOverrideStyles);

})();