kui_mediaspace_styles.user.js

// ==UserScript==
// @name         MediaSpace Styles
// @author       kuilin
// @match        https://mediaspace.illinois.edu/captionseditor/index/edit-captions/entryid/*
// @updateURL    https://gist.github.com/likuilin/a8f2cfdddf3796a5f00fe985dd8a1144/raw/kui_mediaspace_styles.user.js
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    setTimeout(()=>{
    let ss = document.createElement('style');
    ss.innerHTML = `
        .kccs-frame {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
    `;
    document.body.appendChild(ss);
    ss = window.frames[0].document.createElement('style');
    ss.innerHTML = `
        .closed-caption-player-container {
            height: 500px;
        }
        .caption-table-container.col-4 {
            position: absolute;
            left: 40%;
            width: 50%;
            max-width: inherit;
            height: inherit;
        }
        .caption-table-container.col-8 {
            position: absolute;
            left: 10%;
            width: 30%;
            height: 50%;
        }
        .closed-captions-studio__container, .closed-captions-editor {
            width: inherit !important;
            max-width: inherit !important;
        }
        .captions-preview {
            top: inherit !important;
            bottom: 128px;
            font-size: 30px !important;
            line-height: 30px !important;
        }
    `;
    window.frames[0].document.body.appendChild(ss);
}, 10*1000)
})();