Made images downloadable

Change-Id: I5e0d3b7899a8193f1a3ee6048b4f50038ab1a5fb
diff --git a/dev/scss/main/matchinfo.scss b/dev/scss/main/matchinfo.scss
index ef867b2..2f74d66 100644
--- a/dev/scss/main/matchinfo.scss
+++ b/dev/scss/main/matchinfo.scss
@@ -187,24 +187,40 @@
     margin-right: $right-match-distance;
 
     background-color: $light-orange; // $nearly-white; // $light-orange;
-    > em {
-      color: $nearly-white;
-      cursor: pointer;
+    > ul.action.image {
       display: block;
       position: absolute;
       right: 0px;
       top: 0px;
+      z-index: 20;
+      /*
+      margin: 0;
+      padding: 0;
+     */
       width: $right-match-distance;
-      border-width: 0;
-      z-index: 8;
-      text-decoration:none;
-      text-align: center;
-      font-weight: bold;
-      font-style: normal;
+      li {
+        cursor: pointer;
+        color: $nearly-white;
+        text-decoration: none;
+        > span {
+          @include blind;
+        }
+        border-width: 0;
+        // z-index: 8;
+        text-decoration:none;
+        text-align: center;
+        font-weight: bold;
+        font-style: normal;
 
-      &::after {
-	font-family: 'FontAwesome';
-	content: $fa-close;
+        &.download::after {
+	        font-family: 'FontAwesome';
+	        content: $fa-download;
+        }
+
+        &.close::after {
+	        font-family: 'FontAwesome';
+	        content: $fa-close;
+        }
       }
     }
   }
diff --git a/dev/scss/util.scss b/dev/scss/util.scss
index a33644a..ed737f1 100644
--- a/dev/scss/util.scss
+++ b/dev/scss/util.scss
@@ -216,6 +216,7 @@
 $fa-up:          "\f0d8";
 $fa-down:        "\f0d7";
 $fa-close:       "\f00d";
+$fa-download:    "\f019";
 $fa-info:        "\f05a";
 $fa-elipsis:     "\f141";
 $fa-previous:    "\f0d9";