e0e5b9a1895ba717a40da8d979c5d917189a02a1
kate
  Fri Apr 30 09:22:25 2021 -0700
Second cut TF facelift, based on feedback from JK, Key features: 1) Short help messages in pop-ups on each step.  2) Remove step numbers and instead distinguish steps with styling 3) Save vertical space (keep 'get output' button above fold). refs #27408

diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css
index c7e1b8e..872c31a 100644
--- src/hg/htdocs/style/HGStyle.css
+++ src/hg/htdocs/style/HGStyle.css
@@ -973,15 +973,40 @@
     margin-left: 10px;
     cursor: default;
 }
 
 span.gbSessionLabelPanel:hover {
       background-color: #d4d4d4;
 }
 
 span.gbSessionLabelText {
     color: darkblue;
 }
 
 span.gbSessionChanged {
     color: darkslategray !important;
 }
+
+.tooltip {
+    display: inline-block;
+}
+
+.tooltiptext {
+    visibility: hidden;
+    font-style: italic;
+    font-size: smaller;
+    z-index: 1;
+    opacity: 0;
+    width: 220px;
+    padding: 5px;
+    left: 105%;
+    transition: opacity .6s;
+    line-height: 1em;
+}
+
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+    opacity: .9;
+}
+
+
+