basic dataset viewer with stuff clustered how i want it

1 files changed, 32 insertions, 1 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 10a5ee0..50a210c 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -54,7 +54,7 @@ h3 {
   flex-direction: column;
 }
 .rows {
-  margin-bottom: 10px;
+  margin-bottom: 3px;
 }
 .rows .row {
   width: 100%;
@@ -258,6 +258,37 @@ h3 {
   padding: 10px;
 }
 
+/* datasets */
+.datasets .row.dataset > .col:nth-child(1) { min-width: 330px; }
+.datasets .row.dataset > .col:nth-child(2) { min-width: 100px; }
+.datasets .row.dataset > .col:nth-child(3) { min-width: 230px; }
+.datasets .row.dataset > .col:nth-child(4) { min-width: 330px; }
+.datasets .row.dataset > .col {
+  padding-top: 3px;
+  padding-bottom: 0;
+}
+.datasets .dataset:first-child > .col:nth-child(2),
+.datasets .dataset:first-child > .col:nth-child(3),
+.datasets .row.dataset > .col:first-child {
+  padding: 0 0 0 4px;
+  font-size: larger;
+}
+.datasets .dataset:first-child > .col {
+  padding: 0 0 0 8px;
+  font-size: larger;
+}
+.datasets .dataset > .col:nth-child(2) div {
+  padding-top: 3px;
+}
+.datasets .dataset > .col:nth-child(2),
+.datasets .dataset > .col:nth-child(3) {
+  padding-top: 7px;
+  padding-bottom: 0;
+}
+.dataset .checkpoint .filename {
+  max-width: 160px;
+}
+
 /* bucky bogart.css color shading :) */
 .new    { color: #000000; font-weight: bold; }
 .recent { color: #001111; }