web: add filter to measures page, cleanup styling.

web/src/components/measure-summaries/MeasureSummary.vue

@@ -1,6 +1,8 @@
 <template>
-  <div class="measure-summary" :data-name="'measure-' + measure.slug">
-    <h2>{{measure.name}}</h2>
+  <div v-if="measure.config.isVisible" class="measure-summary" :data-name="'measure-' + measure.slug">
+    <h2><router-link
+        :to="'/measures/' + measure.slug">
+        {{measure.name}}</router-link></h2>
     <SimpleSummaryGraph v-if="measure.config.type === 'simple'"
       :measure=measure :measurements=measurements />
     <ListSummary v-if="measure.config.type === 'list'"

web/src/components/measure-summaries/measure-summary.scss

@@ -3,7 +3,13 @@
 .measure-summary {
   display: inline-block;
 
-  h2 { 
+  h2 {
     border-bottom: solid thin $fg-primary;
+
+    & > a {
+      color: $fg-primary;
+      cursor: pointer;
+      text-decoration: none;
+    }
   }
 }