Center viz on page

chrismbryant · Oct 25, 2020 · 8d21857 · 8d21857
1 parent 771851f
commit 8d21857
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git 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
@@ -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