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/buttongroup.scss b/dev/scss/main/buttongroup.scss
index 8c3d620..fd0866d 100644
--- a/dev/scss/main/buttongroup.scss
+++ b/dev/scss/main/buttongroup.scss
@@ -52,7 +52,7 @@
     z-index: 20;
     margin: 0;
     padding: 0;
-    width: $right-match-distance;
+    width: $right-view-distance;
     > span:first-child {
       margin-top: $border-size
     }
diff --git a/dev/scss/main/koralquery.scss b/dev/scss/main/koralquery.scss
index 6a9550d..402f477 100644
--- a/dev/scss/main/koralquery.scss
+++ b/dev/scss/main/koralquery.scss
@@ -11,7 +11,7 @@
     background-color: $nearly-white;
     margin: {
       top: 2pt;
-      right: $right-match-distance; // 3em;
+      right: $right-view-distance; // 3em;
       bottom: 2pt;
       left: 2pt;
     }
diff --git a/dev/scss/main/kwic.scss b/dev/scss/main/kwic.scss
index 76fb330..4a3ecce 100644
--- a/dev/scss/main/kwic.scss
+++ b/dev/scss/main/kwic.scss
@@ -259,7 +259,7 @@
 	    padding: 2pt 0 5pt 5pt;
 	    margin: {
 	      top: 0;
-	      right: $right-match-distance; // 3em;
+	      right: $right-view-distance;
 	      bottom: 0;
 	      left: 0; // 5pt margin-top
 	    }
@@ -299,7 +299,7 @@
     display: block;
 	  color: $nearly-white;
 	  padding: 3pt 10pt 3pt 3pt;
-	  padding-right: $right-match-distance;
+	  padding-right: $right-view-distance;
 	  margin: 0pt;
 	  width: 100%;
 	  bottom: 0;
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 {
diff --git a/dev/scss/main/plugin.scss b/dev/scss/main/plugin.scss
index d8c26a2..42867f6 100644
--- a/dev/scss/main/plugin.scss
+++ b/dev/scss/main/plugin.scss
@@ -1,7 +1,7 @@
 @import "../util";
 
 div.view.widget {
-  padding-right: $right-match-distance;
+  padding-right: $right-view-distance;
   > iframe {
     margin: 0;
     box-sizing: border-box;
diff --git a/dev/scss/main/tutorial.scss b/dev/scss/main/tutorial.scss
index 9678ca9..004d3d1 100644
--- a/dev/scss/main/tutorial.scss
+++ b/dev/scss/main/tutorial.scss
@@ -10,7 +10,7 @@
   bottom: 5%;
   left:   2%;
   right:  2%;
-  padding-right: $right-match-distance;
+  padding-right: $right-view-distance;
 /*
   padding: 0;
   margin: 0;