Fix statistics view to span the whole flexbox,
Rename match-distance to view-distance,
Align refresh button,
Functionally recreate grey-green colors

Change-Id: Iac653aca504515073a0823052123fde41fd5ac64
diff --git a/dev/scss/base/flextable.scss b/dev/scss/base/flextable.scss
index 52594c2..910d275 100644
--- a/dev/scss/base/flextable.scss
+++ b/dev/scss/base/flextable.scss
@@ -26,11 +26,12 @@
     > dt {
       text-align: left;
       width: 12.5em;
+      padding: $item-padding;
       margin: 0;
     }
     > dd {
       text-align: left;
-      padding: 2px;
+      padding: $item-padding;
       margin: 0;
       width: 100%;
       max-width: none;
@@ -39,6 +40,7 @@
       white-space: normal;
       overflow-y: auto;
       overflow-x: hidden;
+      text-overflow: ellipsis;
     }
   }
 }
diff --git a/dev/scss/base/fragment.scss b/dev/scss/base/fragment.scss
index 4cab900..0a986d5 100644
--- a/dev/scss/base/fragment.scss
+++ b/dev/scss/base/fragment.scss
@@ -16,7 +16,7 @@
     left: $left-distance;
     top: .5em;
     bottom: .5em;
-    right: $right-match-distance;
+    right: $right-view-distance;
   }
   &:hover {
     cursor:pointer;