Beautify meta view

Change-Id: I872d147406d3c9283b5ac0bdcd70daa2c0e5dbb4
diff --git a/dev/js/src/match.js b/dev/js/src/match.js
index be9d681..db70dc1 100644
--- a/dev/js/src/match.js
+++ b/dev/js/src/match.js
@@ -191,10 +191,12 @@
       var refLine = element.querySelector("p.ref");
 
       // There is a reference line
-      if (0 && refLine) {
+      if (refLine) {
         
         var meta = document.createElement('span');
         meta.appendChild(
+          document.createElement('span')
+        ).appendChild(
           document.createTextNode(loc.SHOW_META)
         );
         meta.setAttribute('title', loc.SHOW_META);
diff --git a/dev/scss/main/kwic.scss b/dev/scss/main/kwic.scss
index ca646b9..e278d2d 100644
--- a/dev/scss/main/kwic.scss
+++ b/dev/scss/main/kwic.scss
@@ -170,6 +170,23 @@
  */
 #search > ol > li p.ref {
   display: none;
+
+  > span.meta {
+    cursor: pointer;
+    color: $nearly-white;
+    text-decoration: none;
+    padding: 0pt 3pt;
+
+    &::after {
+      font-size: 12pt;
+	    font-family: "FontAwesome";
+	    content: $fa-metadata;
+    }
+
+    > span {
+	    @include blind;
+    }
+  }
 }
 
 /**
diff --git a/dev/scss/main/matchinfo.scss b/dev/scss/main/matchinfo.scss
index b106f06..5d699ca 100644
--- a/dev/scss/main/matchinfo.scss
+++ b/dev/scss/main/matchinfo.scss
@@ -348,7 +348,7 @@
       text-align: left;
       background: $darker-orange;
       color: $nearly-white;
-      width: 8em;
+      width: 9em;
       margin: 0;
     }
     > dd {
diff --git a/dev/scss/util.scss b/dev/scss/util.scss
index 4050ed5..c8fa37f 100644
--- a/dev/scss/util.scss
+++ b/dev/scss/util.scss
@@ -245,5 +245,6 @@
 $fa-check:       "\f096";
 $fa-code:        "\f121";
 $fa-marked:      "\f005";
-$fa-metadata:    "\f067";
+// $fa-metadata:    "\f067";
+$fa-metadata:    "\f055";
 $fa-to-query:    "\f102";