stubbing in a lot of stuff!

1 files changed, 47 insertions, 4 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index eb0d1f7..33667dd 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -12,10 +12,8 @@ header {
   padding: 10px;
 }
 header span {
-  margin-left: 5px;
-  border-left: 1px solid #444;
   color: #444;
-  padding-left: 5px;
+  padding-left: 8px;
 }
 #container {
   display: flex;
@@ -24,6 +22,14 @@ header span {
   justify-content: center;
   width: 100%; height: 100%;
 }
+.row {
+  display: flex;
+  flex-direction: row;
+}
+.column {
+  display: flex;
+  flex-direction: column;
+}
 .app {
   display: flex;
   flex-direction: column;
@@ -46,7 +52,7 @@ header span {
   flex-direction: row;
   justify-content: flex-start;
 }
-.paramGroup {
+.group, .paramGroup {
   padding-right: 10px;
 }
 .paramGroup.inactive {
@@ -99,3 +105,40 @@ header span {
   white-space: nowrap;
 }
 
+/* dashboard */
+.dashboard .heading {
+  width: 100%;
+  margin-bottom: 20px;
+}
+.rows {
+  margin-bottom: 10px;
+}
+.rows .row {
+  width: 400px;
+}
+.rows .row div {
+  width: 60px;
+  padding: 3px;
+}
+.rows .row .activity {
+  text-align: right;
+  width: 130px;
+}
+.rows .row .dataset {
+  width: 200px;
+  border-left: 1px solid #c8c0c0;
+  border-right: 1px solid #c8c0c0;
+}
+.rows .row:first-of-type .dataset { border-top: 1px solid #c8c0c0; }
+.rows .row:last-child .dataset { border-bottom: 1px solid #c8c0c0; }
+.rows .row:nth-child(even) .dataset { background-color: rgba(10,13,18,0.1); }
+.rows .row:nth-child(odd) .dataset { background-color: rgba(10,13,18,0.05); }
+.gallery {
+  margin-top: 10px;
+  display: flex;
+  flex-direction: row;
+}
+.gallery img {
+  max-width: 10vw;
+  margin-right: 10px;
+}