diff --git a/css/style.css b/css/style.css index 1032d3e..7ff7db2 100644 --- a/css/style.css +++ b/css/style.css @@ -27,8 +27,13 @@ table.footer-table td { vertical-align: middle; } -.push { - height: 0px; +.vertical-center { + margin: 0; + position: absolute; + top: 50%; + left: 50%; + -ms-transform: translate(-50%, -55%); + transform: translate(-50%, -55%); } .footer-text { diff --git a/js/visualization.js b/js/visualization.js index a2b0b0b..cbd921e 100644 --- a/js/visualization.js +++ b/js/visualization.js @@ -110,6 +110,7 @@ function setupPage(svgWidth) { let contentTable = content .append("div") .attr("id", "main-table") + .attr("class", "vertical-center") .append("table"); addFooter(content); @@ -151,7 +152,6 @@ function addFooter(content) { const iconSize = 30; - content.append("div").attr("class", "push"); let footer = content.append("footer"); let row = footer