Fixed visualizations in matchinfo for long texts

Change-Id: I0cec9be3c5f28ccef2b416b68eaa370d5e24284b
diff --git a/dev/scss/main/matchinfo.scss b/dev/scss/main/matchinfo.scss
index 09bc90b..f5651f3 100644
--- a/dev/scss/main/matchinfo.scss
+++ b/dev/scss/main/matchinfo.scss
@@ -7,6 +7,8 @@
 
 @mixin cell-info {
   text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 25em;
   overflow: hidden;
   padding: 1px 6px;
   margin: 0px;
@@ -198,6 +200,8 @@
     > th:nth-of-type(2) {
       left: ($left-width / 2) + $border-size;
     }
+
+    // Includes header line as well
     > * {
       @include cell-info;
       border: ($border-size / 2) solid $dark-orange;