From f308c9f7b06e28441abf64a9b3183e7ed04de7b0 Mon Sep 17 00:00:00 2001
From: Mark Holmquist <mtraceur@member.fsf.org>
Date: Wed, 11 Jun 2014 16:08:17 -0700
Subject: [PATCH] Make preview link more prominent

Also cleaned up the SVG. I hate Illustrator so much for what it does to
SVGs.

Change-Id: I3c1b8b812ed50ad65a8c2f53835e440bfd2e77ac
---
 i18n/en.json                                |  2 +-
 resources/mmv/ui/img/open.svg               | 11 +----------
 resources/mmv/ui/mmv.ui.reuse.download.less | 19 +++++++++++++++++--
 3 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/i18n/en.json b/i18n/en.json
index 0b4c09b04..ae5840719 100644
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -58,7 +58,7 @@
     "multimediaviewer-share-tab": "Share",
     "multimediaviewer-embed-tab": "Embed",
     "multimediaviewer-download-tab": "Download",
-    "multimediaviewer-download-preview-link-title": "Preview in browser",
+    "multimediaviewer-download-preview-link-title": "View in browser",
     "multimediaviewer-download-original-button-name": "Download original file",
     "multimediaviewer-download-small-button-name": "Download small size",
     "multimediaviewer-download-medium-button-name": "Download medium size",
diff --git a/resources/mmv/ui/img/open.svg b/resources/mmv/ui/img/open.svg
index f9b8378fe..ee0c5d4fb 100644
--- a/resources/mmv/ui/img/open.svg
+++ b/resources/mmv/ui/img/open.svg
@@ -1,13 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1"
-	 id="Layer_1" xmlns:cc="http://creativecommons.org/ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1024 768"
-	 enable-background="new 0 0 1024 768" xml:space="preserve">
-<g id="g3">
-	<path id="path5" fill="#AAAAAA" d="M304,179.2v355.2h464V179.2H304z M716.8,460.8H352L460.8,320l16-6.4l102.4,108.8l54.4-32
-		L716.8,460.8L716.8,460.8L716.8,460.8z"/>
-	<polygon id="polygon7" fill="#AAAAAA" points="256,230.4 256,588.8 755.2,588.8 755.2,563.2 281.6,563.2 281.6,230.4 	"/>
-</g>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="768"><path fill="#AAAAAA" d="M304,179.2v355.2h464V179.2H304z M716.8,460.8H352L460.8,320l16-6.4l102.4,108.8l54.4-32 L716.8,460.8L716.8,460.8L716.8,460.8z"/><polygon fill="#AAAAAA" points="256,230.4 256,588.8 755.2,588.8 755.2,563.2 281.6,563.2 281.6,230.4"/>
 </svg>
diff --git a/resources/mmv/ui/mmv.ui.reuse.download.less b/resources/mmv/ui/mmv.ui.reuse.download.less
index 8b27b3929..50f9a6a0b 100644
--- a/resources/mmv/ui/mmv.ui.reuse.download.less
+++ b/resources/mmv/ui/mmv.ui.reuse.download.less
@@ -38,8 +38,23 @@
 
 	.mw-mlb-download-preview-link {
 		display: block;
-		font-size: small;
 		margin-top: 12px;
+		margin-left: -6px;
+		font-size: 16px;
+		color: #555555;
+
+		&:before {
+			display: inline-block;
+			vertical-align: middle;
+			content: ' ';
+			width: 44px;
+			height: 30px;
+			/* @embed */
+			background-image: url(img/open.svg);
+			background-size: contain;
+			background-position: right center;
+			background-repeat: no-repeat;
+		}
 	}
 
 	/* Pulldown size menu */
@@ -60,4 +75,4 @@
 		}
 	}
 
-}
\ No newline at end of file
+}