MaTo51793 / Twitch wide chat

// ==UserScript==
// @name         Twitch wide chat
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  make twitch chat wider than usual
// @author       MaTo
// @require      https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.18.2/babel.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.16.0/polyfill.js
// @match        https://www.twitch.tv/*
// @license      MIT
// @grant        GM_addStyle
// @run-at   document-start
// ==/UserScript==

   const CHAT_WIDTH = 52; // <----------- CHANGE THIS VARIABLE TO MAKE CHAT WIDER OR NARROWER
console.log("SDAFFSDFSDFSDFSDF")
const str = (`
.channel-root__right-column.channel-root__right-column--expanded {
    transform: translateX(-${CHAT_WIDTH}rem) translateZ(0px) !important;
}
.right-column--beside .channel-root__right-column {
    width: ${CHAT_WIDTH}rem !important;
}
@media (min-width: 920px) {
    main.tw-flex.tw-flex-column.tw-flex-grow-1.tw-full-height.tw-full-width.tw-overflow-hidden.tw-relative.tw-z-default.twilight-main {
        padding-right: ${CHAT_WIDTH - 34}rem !important;
    }
    .persistent-player.persistent-player--theatre.tw-elevation-0 {
        width: calc(100% - ${CHAT_WIDTH}rem) !important;
    }
    .toggle-visibility__right-column--expanded {
        transform: translateX(-${CHAT_WIDTH}rem) !important;
    }
}
    .right-column--theatre.right-column--beside {
        width: ${CHAT_WIDTH}rem !important;
}
    .whispers-open-threads.whispers--theatre-mode.whispers--right-column-expanded-beside {
    right: ${CHAT_WIDTH}rem !important;
}
    .video-player__container--theatre-whispers {
    bottom: 0rem !important;
}
`)

    GM_addStyle(str)