Work on table presentation

1 files changed, 47 insertions, 6 deletions

diff --git a/static/default.css b/static/default.css
index a35597c..2377d14 100644
--- a/static/default.css
+++ b/static/default.css
@@ -1,29 +1,30 @@
 /* Placement */
 body {
     display: grid;
-    margin: 0 auto;
-    grid-template-columns: auto 200px minmax(800px, 1024px) auto;
+    margin: auto;
+    max-width: 1224px;
+    grid-template-columns: 200px minmax(600px, auto);
     grid-template-rows: fit-content 1fr auto;
     grid-gap: 0;
 }
 
 header {
-    grid-column: 3;
+    grid-column: 2;
     grid-row: 1;
 }
 
 nav {
-    grid-column: 2;
+    grid-column: 1;
     grid-row: 2 / 4;
 }
 
 main {
-    grid-column: 3;
+    grid-column: 2;
     grid-row: 2;
 }
 
 footer {
-    grid-column: 2 / 4;
+    grid-column: 1 / 3;
     grid-row: 3;
 }
 
@@ -75,3 +76,43 @@ main {
 footer {
     text-align: center;
 }
+
+table {
+    display: grid;
+    width: 100%;
+    grid-auto-flow: row;
+}
+
+thead, tbody, tr {
+    display: contents;
+}
+
+th {
+    font-size: 14pt;
+    font-weight: normal;
+    text-align: left;
+}
+
+th, td {
+    padding: 8px;
+}
+
+.details {
+    max-height: 0;
+    padding: 0px 8px 0px 8px;
+    overflow-y: hidden;
+    transition: all 0.15s cubic-bezier(0, 1, 0, 1);
+}
+
+.details-visible {
+    padding: 8px;
+    max-height: 1000px;
+    transition: all 0.15s ease-in-out;
+}
+
+.details div {
+}
+
+tr:nth-child(2n + 1) td {
+    background-color: #fff;
+}