diff --git a/css/general/layout.css b/css/general/layout.css index 9c36b0bd6d8131014b6f72fea2fd03bde11d1010..4e9e0a9ba1ebd1959126a2eb26db56a0e7bbf582 100644 --- a/css/general/layout.css +++ b/css/general/layout.css @@ -100,6 +100,15 @@ div.grid-2columns-auto { border-spacing: 1em 0; } +.padded-columns td { + padding: 0 1em; +} + +.padded-rows { + border-collapse: separate; + border-spacing: 0 1em; +} + .space-evenly { justify-content: space-evenly; } diff --git a/src/pregmod/eliteBreedingExam.js b/src/pregmod/eliteBreedingExam.js index 6bccb0b007334c17b3923c58326faf09856094e6..f1ff76972df211b340851235ffe60aa42dc71ca5 100644 --- a/src/pregmod/eliteBreedingExam.js +++ b/src/pregmod/eliteBreedingExam.js @@ -21,7 +21,7 @@ App.Interact.eliteBreedingExam = function(slave = null) { App.Events.addNode(frag, r, "div"); r = []; - const table = App.UI.DOM.appendNewElement("table", frag); + const table = App.UI.DOM.appendNewElement("table", frag, null, ["padded-columns"]); /** @type {[(slave: FC.SlaveState) => boolean, string][]} */ const checks = [];