add results page

1 files changed, 38 insertions, 17 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index dff2486..0c14c4d 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -30,6 +30,9 @@ header span > span:first-child {
 h1, h2, h3 {
   margin: 0;
 }
+h1 {
+  font-size: 18px;
+}
 h2 {
   font-size: 14px;
 }
@@ -193,11 +196,18 @@ h3 {
   text-align: right;
 }
 .filelist .date {
-  width: 70px;
+  width: 60px;
 }
 .filelist .datetime {
   width: 100px;
 }
+.filelist .epoch {
+  width: 45px;
+}
+
+.row .epoch {
+  white-space: nowrap;
+}
 
 /* folder list / bluebox */
 .bluebox,
@@ -256,34 +266,39 @@ h3 {
 }
 .lossGraph h3 {
   margin: 10px;
-  background: white;
   padding: 10px;
+  background: white;
+  font-size: 14px;
 }
 
 /* datasets */
-.datasets .row.dataset > .col:nth-child(1) { min-width: 350px; }
-.datasets .row.dataset > .col:nth-child(2) { min-width: 100px; }
-.datasets .row.dataset > .col:nth-child(3) { min-width: 230px; }
+.datasets .row.dataset {
+  max-width: 100vw;
+  flex-wrap: wrap;
+}
+.datasets .row.dataset > .col:nth-child(1) { min-width: 300px; }
+.datasets .row.dataset > .col:nth-child(2) { min-width: 60px; }
+.datasets .row.dataset > .col:nth-child(3) { min-width: 200px; }
 .datasets .row.dataset > .col:nth-child(4) { min-width: 350px; }
 .datasets .row.dataset > .col {
-  padding-top: 3px;
-  padding-bottom: 0;
+  padding: 0;
 }
-.datasets .dataset:first-child > .col:nth-child(2),
-.datasets .dataset:first-child > .col:nth-child(3),
 .datasets .dataset:first-child > .col {
-  padding: 0 0 0 8px;
+  padding: 0 0 8px 2px;
   font-size: larger;
+  opacity: 0.9;
 }
-.datasets .dataset > .col:nth-child(2) div {
-  padding-top: 3px;
+.datasets .dataset:first-child > .col:first-child {
+  padding: 0 0 3px 0px;
+}
+.datasets .dataset > .col:nth-child(2) > div {
+  padding-top: 6px;
 }
-.datasets .dataset > .col:nth-child(2),
-.datasets .dataset > .col:nth-child(3) {
-  padding-top: 7px;
-  padding-bottom: 0;
+.datasets .dataset > .col:nth-child(3) > div {
+  padding-top: 3px;
 }
-.dataset .checkpoint .filename {
+.dataset .filename,
+.dataset .filelist .filename {
   max-width: 160px;
 }
 .input_file {
@@ -296,6 +311,12 @@ h3 {
   display: inline-block;
   margin-right: 4px;
 }
+.checkpoint .filename {
+  max-width: 100px;
+}
+.unpersisted {
+  opacity: 0.5;
+}
 
 /* bucky bogart.css color shading :) */
 .new    { color: #000000; font-weight: bold; }