highlight each run so you see where you are

lib/plugins/html/assets/css/index.css

@@ -911,6 +911,20 @@ ul.menu {
   -moz-hyphens: auto;
   hyphens: auto; }
 
+.buttonlike {
+  color: #ffffff;
+  background-color: #0095d2;
+  border-color: #0095d2;
+  height: 28px;
+  line-height: 28px;
+  padding: 0 8px;
+  font-size: 1.333rem;
+  margin-bottom: 0rem;
+  font-weight: normal;
+  text-align: center;
+  border-radius: 4px;
+  border: 1px solid #e1e1e1; }
+
 /*! github.com/micmro/PerfCascade Version:0.5.0 (18/02/2017) */
 .water-fall-chart {
   width: 100%;

lib/plugins/html/src/sass/components/misc.scss

@@ -64,3 +64,19 @@ ul.menu {
   -moz-hyphens: auto;
   hyphens: auto;
 }
+
+
+.buttonlike {
+  color: $color--white;
+  background-color: $color--blue;
+  border-color: $color--blue;
+  height: 28px;
+  line-height: 28px;
+  padding: 0 8px;
+  font-size: 1.333rem;
+  margin-bottom: 0rem;
+  font-weight: normal;
+  text-align: center;
+  border-radius: 4px;
+  border: 1px solid $color--grey;
+}

lib/plugins/html/templates/url/run.pug

@@ -14,7 +14,10 @@ block content
     .large All runs: 
       each val, index in runPages
         - value = Number(index) + 1
-        a(href='./' + index + '.html') #{value}
+        if (runNumber === value)
+          span.buttonlike(href='./' + index + '.html') #{value}
+        else
+          a(href='./' + index + '.html') #{value}
         if (value !== Object.keys(runPages).length)
           |  - 
   .index-link