action divs

1 files changed, 29 insertions, 5 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 714a59e..c1c7276 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -21,6 +21,7 @@ header span {
   padding-left: 8px;
 }
 a,
+.link,
 header a {
   color: #66e;
 }
@@ -97,6 +98,12 @@ section {
   height: 100vh;
   overflow: auto;
 }
+.app.left {
+  width: 92vw;
+  height: 87vh;
+  max-width: 920px;
+  overflow: auto;
+}
 
 .player {
   width: 100%;
@@ -301,7 +308,7 @@ section {
   flex-wrap: wrap;
 }
 .datasets .row.dataset > .col:nth-child(1) { min-width: 270px; }
-.datasets .row.dataset > .col:nth-child(2) { min-width: 80px; }
+.datasets .row.dataset > .col:nth-child(2) { min-width: 100px; padding-left: 0; }
 .datasets .row.dataset > .col:nth-child(3) { min-width: 200px; }
 .datasets .row.dataset > .col:nth-child(4) { min-width: 350px; }
 .datasets .row.dataset > .col {
@@ -316,7 +323,8 @@ section {
   padding: 0 0 3px 0px;
 }
 .datasets .dataset > .col:nth-child(2) > div {
-  padding-top: 6px;
+  padding-top: 3px;
+  padding-bottom: 3px;
 }
 .datasets .dataset > .col:nth-child(3) > div {
   padding-top: 3px;
@@ -362,7 +370,23 @@ section {
 .actions .link {
   padding-right: 3px;
 }
-.desktop .rows .row > div.hiddenActions {
+.not_built {
+  opacity: 0.3;
+  transition: all 0.08s;
+}
+.subtext {
+  user-select: none;
+}
+.rows .row .subtext .link {
+  opacity: 0.8;
+  transition: all 0.08s;
+  color: #888;
+}
+.desktop .subtext:hover .link,
+.desktop .not_built:hover {
+  opacity: 1.0;
+}
+/*.desktop .rows .row > div.hiddenActions {
   overflow: visible;
 }
 .desktop .hiddenActions {
@@ -370,7 +394,7 @@ section {
 }
 .desktop .hiddenActions .actions {
   position: absolute;
-  left: -10px;
+  left: 0px;
   top: -1px;
   transition: opacity 0.05s;
   opacity: 0;
@@ -385,7 +409,7 @@ section {
 .desktop .row:hover .hiddenActions .actions {
   opacity: 1;
 }
-
+*/
 /* progress bar */
 .progress div {
   margin: 1px;