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/main/matchinfo.scss b/dev/scss/main/matchinfo.scss
index 9d3bf50..e4540e9 100644
--- a/dev/scss/main/matchinfo.scss
+++ b/dev/scss/main/matchinfo.scss
@@ -34,7 +34,7 @@
 div.matchtable > div {
   z-index: 20;
   margin-left: $left-distance - ($border-size / 2);
-  margin-right: $right-match-distance;
+  margin-right: $right-view-distance;
   padding: 0;
   overflow-x: auto;
   overflow-y: visible;
@@ -189,7 +189,7 @@
     overflow-x: auto;
     margin: $border-size;
     margin-left: $left-distance;
-    margin-right: $right-match-distance;
+    margin-right: $right-view-distance;
 
     background-color: $light-orange;
   }
@@ -211,7 +211,7 @@
 
 // Metatable
 div.metatable > dl {
-  margin-right: $right-match-distance;
+  margin-right: $right-view-distance;
   margin-top: $border-size;
 
   > div {