diff --git a/css/general/layout.css b/css/general/layout.css index 7afeedf7bd19bfae455be300b9ac5d8b0f55d42b..9c36b0bd6d8131014b6f72fea2fd03bde11d1010 100644 --- a/css/general/layout.css +++ b/css/general/layout.css @@ -73,6 +73,33 @@ div.grid-2columns-auto { margin: 1em; } +.padding-left { + padding-left: 2em; +} + +.padding-right { + padding-right: 2em; +} + +.padding-x { + padding-left: 2em; + padding-right: 2em; +} + +.padding-y { + padding-top: 1em; + padding-bottom: 1em; +} + +.padding-full { + padding: 1em; +} + +.padded-columns { + border-collapse: separate; + border-spacing: 1em 0; +} + .space-evenly { justify-content: space-evenly; } diff --git a/src/pregmod/eliteBreedingExam.js b/src/pregmod/eliteBreedingExam.js index 231162c261cf6fc5700fbcbae1357166d8854942..0df37bcef980ec89845a093ecacb960ac49ad95b 100644 --- a/src/pregmod/eliteBreedingExam.js +++ b/src/pregmod/eliteBreedingExam.js @@ -250,7 +250,7 @@ App.Interact.eliteBreedingExam = function(slave = null) { if (slave) { checks.forEach(check => { - const tr = App.UI.DOM.appendNewElement("tr", table); + const tr = App.UI.DOM.appendNewElement("tr", table, null, ["padded-columns"]); if (!check[0](slave)) { App.UI.DOM.appendNewElement("td", tr, `FAILED`, ["red"]);