Make template usage on dashboard easier to scan

The dashboard looked a bit table-y. This commit makes four main changes:

- show a bar chart (drawn in CSS) for template usage (only shown if
  you’ve used more than one template recently)
- only break down template usage by template name, not template type
  (because that’s happening with the big numbers)
- change the style of the ‘show more’ links under each section so that
  they are all consistent, and a little less busy (one less keyline)
- remove the ‘recent templates‘ title so that the first two sections of
  the page group under ‘in the last 7 days’

app/assets/stylesheets/views/dashboard.scss

@@ -5,16 +5,43 @@
 }
 
 .keyline-block {
-
   border-top: 1px solid $border-colour;
   padding-top: $gutter-half;
+}
 
-  &-show-more-link {
-    @include core-16;
-    border-top: 1px solid $border-colour;
-    border-bottom: 1px solid $border-colour;
-    padding: 0.75em 0 0.5625em 0;
-    text-align: center;
+.spark-bar {
+
+  box-sizing: border-box;
+  display: block;
+  width: 100%;
+  text-align: right;
+  margin-bottom: $gutter-half;
+  height: 30px;
+  color: $govuk-blue;
+  line-height: 30px;
+  padding-right: 5px;
+  font-weight: bold;
+  color: $govuk-blue;
+
+  span {
+    display: block;
+    float: left;
+    background: $govuk-blue;
+    color: $white;
+    height: 30px;
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+
+  &-label {
+    display: block;
+    line-height: 30px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: $link-colour;
+    max-width: 100%;
+    background: $white;
   }
 
 }