Fix CyberChef field width. Userscript for https://gchq.github.io/CyberChef/

fix-cyber-chef-field-width.user.js

// ==UserScript==
// @name         Fix CyberChef field width
// @namespace    https://gist.github.com/niikoo
// @version      2025-01-22
// @description  CyberCheft ingredient fields have a small width by default.
// @author       niikoo
// @match        https://gchq.github.io/CyberChef/
// @icon         https://gchq.github.io/CyberChef/assets/aecc661b69309290f600.ico
// @grant        none
// @supportURL   https://gist.github.com/niikoo/75a0b72b058d6035f9a56e6b7a0ea106
// @updateURL    https://gist.github.com/niikoo/75a0b72b058d6035f9a56e6b7a0ea106/raw/fix-cyber-chef-field-width.user.js
// @downloadURL  https://gist.github.com/niikoo/75a0b72b058d6035f9a56e6b7a0ea106/raw/fix-cyber-chef-field-width.user.js
// ==/UserScript==
(function() {
    'use strict';

    const cssChanges = `
    .bmd-form-group input.form-control, .bmd-form-group input.custom-file-control, .bmd-form-group input.form-control::placeholder, .bmd-form-group input.custom-file-control::placeholder {
        min-width: 60%;
    }
    .ing-wide {
        flex: 1 100%;
    }
    `;

    const styleElem = document.createElement('style');
    styleElem.innerHTML = cssChanges;
    document.head.append(styleElem);
})();