GreaseMonkey / Makes environment variables wider in GitLab CI

gitlab-wider-env.user.js

// ==UserScript==
// @name     GitLab Wider Env
// @description Makes environment variables inputs wider in GitLab's CI/CD settings (https://gitlab.com/*/settings/ci_cd)
// @version  1
// @match https://gitlab.com/*/ci_cd
// @grant    none
// ==/UserScript==


for (const el of document.querySelectorAll(".container-fluid.container-limited.limit-container-width")) { 
  el.style["max-width"] = "unset"
}


for (const el of document.querySelectorAll(".js-ci-variable-input-key")) { 
  el.style["max-width"] = "unset"
  el.style["flex-basis"] = "400px"
}

for (const el of document.querySelectorAll(".js-ci-variable-input-key + .ci-variable-body-item")) { 
  el.style["max-width"] = "unset"
  el.style["flex-basis"] = "400px"
}


for (const el of document.querySelectorAll(".js-ci-variable-input-value")) { 
  el.style["min-height"] = "120px"
}