Better Iwara

An alternate style for Iwara, made by XLXZ
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name                Better Iwara
// @namespace           none
// @version             0.1
// @description         An alternate style for Iwara, made by XLXZ
// @author              XLXZ
// @license             CC BY-NC
// @match               https://*.iwara.tv/*
// @grant               none
// @run-at              document-start
// ==/UserScript==

"use strict";
(() => {
  // src/better-iwara/index.ts
  var count = 4;
  var paddingBetween = 1.2;
  var width = (100 - count * paddingBetween) / count;
  var css = `
    .container, .container-fluid{
        max-width: 83% !important;
    }
    .col-lg-2 {
        flex: 0 0 ${width}% !important;
        max-width: ${width}% !important;
        background-color: var(--body) !important;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
        border-radius: 20px;
        padding: 0px !important;
        overflow: hidden;
        margin-right: ${paddingBetween / 2}% !important;
        margin-left: ${paddingBetween / 2}% !important;
    }
    #app > div.page.page-home:first-child > section.content:nth-child(4) > div.container-fluid > div.row.justify-content-center:first-child{
        display: none;
    }
    .text {
        font-size: 1.35rem !important;
    }
    .text--tiny {
        font-size: 0.8rem !important;
        line-height: 1.05rem !important;
    }
    .text--small {
        font-size: 1rem !important;
        line-height: 1.15rem !important;
    }
    .videoTeaser__content {
        padding: 0px 10px 48px 10px !important;
    }
    .videoTeaser__bottom {
        position: absolute;
        bottom: 10px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 100px;
        padding: 20px 15px 20px 5px;
        background-color: var(--body-alt);
        box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    }
`;
  var style = document.createElement("style");
  style.innerHTML = css;
  document.head.appendChild(style);
  console.log("Better Iwara loaded");
})();