// ==UserScript==
// @name         Fixed settings menu
// @namespace    -
// @version      0.1
// @description  Developers sploop.io too lazy to do it yourself.. So I did it for them.
// @author       Nudo#3310
// @license      MIT
// @match        https://sploop.io/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=sploop.io
// @grant        none
// @downloadURL none
// ==/UserScript==

(function anonymous() {
    const settingsContent = document.querySelector(".pop-settings-content")
    const settingDivs = settingsContent.querySelectorAll("div")
    const settingSpans = settingsContent.querySelectorAll("span")
    const settingLines = settingsContent.querySelectorAll(".setting-line")

    const divsSize = "16px"
    const spansSize = "10px"
    const marginTop = "10px"
    const lineAlignItems = "center"
    const settingheight = "100%"

    settingsContent.classList.add("select", "pop-list-content", "scrollbar", "content", "subcontent-bg")
    settingsContent.style.height = settingheight

    for (const div of settingDivs) {
        div.style.fontSize = divsSize
    }

    for (const span of settingSpans) {
        span.style.fontSize = divsSize
    }

    for (const line of settingLines) {
        line.style.marginTop = marginTop
        line.style.alignItems = lineAlignItems
    }

    settingsContent.firstChild.style.margin = "0px"

    const popSettings = document.getElementById("pop-settings")

    const popOverflowY = "hidden"
    const popHeight = "400px"

    popSettings.style.overflowY = popOverflowY
    popSettings.style.height = popHeight

    const resetKeybinds = document.getElementById("reset-keybinds")

    resetKeybinds.classList.add("text-shadowed-3")
    resetKeybinds.style.cssText = `
    outline: 0;
    color: white;
    border: 5px solid #141414;
    border-radius: 10px;
    box-shadow: inset 0 23px 0 #e8e0c8;
    text-align: center;
    padding: 4px;
    cursor: url(img/ui/cursor-pointer.png) 6 0, pointer;
    `

    const inputKeyBinds = document.querySelectorAll(".keybind-setting")

    const inputHeight = "auto"
    const inputPadding = "4px"
    const inputMargin = "0px"

    for (const input of inputKeyBinds) {
        input.style.height = inputHeight
        input.style.padding = inputPadding
        input.style.margin = inputMargin
    }
})()