rordenerena / Trello rows

// ==UserScript==
// @name     Trello rows
// @namespace    httpa://trello.com
// @match https://trello.com/*
// @author       rordenerena
// @grant        none
// @license MIT
// ==/UserScript==


function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

addGlobalStyle(`
#board {
   /*
    * Es el contenedor de todas las listas. Se le pone visible el overflow y listo.
    */
   user-select: none;
   white-space: nowrap;
   margin-bottom: 8px;
   overflow-x: visible;
   overflow-y: visible;
   padding-bottom: 8px;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}
.list-wrapper {
   /*
    * Son las listas como tal, se le modifica:
    * - Su ancho a 1/5 del total - margen de seguridad (19vw)
    * - que flote a la izquierda
    * - margen superior de 10px
    */
   width: 19vw;
   margin-right: 4px;
   margin-left: 8px;
   height: 50vh;
   box-sizing: border-box;
   display: inline-block;
   vertical-align: top;
   white-space: nowrap;
   /*NEW*/
   float: left;
   margin-top: 10px;
 }
`);