From e9a1c8c10293a81b743d48cc66821d206cc85787 Mon Sep 17 00:00:00 2001
From: Mark Holmquist <mtraceur@member.fsf.org>
Date: Tue, 31 Dec 2013 13:18:22 -0800
Subject: [PATCH] Bigger click targets for next and previous

Change-Id: Ic2bd5b80092ee34133ae6b594ac25c57ab562b03
---
 resources/ext.multimediaViewer/ext.multimediaViewer.css | 8 +++++---
 resources/ext.multimediaViewer/ext.multimediaViewer.js  | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/resources/ext.multimediaViewer/ext.multimediaViewer.css b/resources/ext.multimediaViewer/ext.multimediaViewer.css
index f85d708ca..f941e5549 100644
--- a/resources/ext.multimediaViewer/ext.multimediaViewer.css
+++ b/resources/ext.multimediaViewer/ext.multimediaViewer.css
@@ -86,12 +86,12 @@ body.mobile .mw-mlb-controls,
 	/* @embed */
 	background-image: url(img/mw-close.svg);
 	transition: opacity 0.25s;
+	background-position: center;
 }
 
 .mlb-close,
 .mw-mlb-next-image,
 .mw-mlb-prev-image {
-	background-position: center;
 	background-repeat: no-repeat;
 	opacity: 0.8;
 }
@@ -283,8 +283,8 @@ body.mw-mlb-lightbox-open .mlb-main {
 .mw-mlb-prev-image {
 	position: absolute;
 	top: -999px;
-	width: 26px;
-	height: 40px;
+	width: 80px;
+	height: 120px;
 	cursor: pointer;
 	transition: opacity 0.25s, margin 0.25s;
 }
@@ -301,12 +301,14 @@ body.mw-mlb-lightbox-open .mlb-main {
 	/* @embed */
 	background-image: url(img/next-ltr.svg);
 	right: 5px;
+	background-position: right;
 }
 
 .mw-mlb-prev-image {
 	/* @embed */
 	background-image: url(img/prev-ltr.svg);
 	left: 5px;
+	background-position: left;
 }
 
 .mw-mlb-next-image.disabled,
diff --git a/resources/ext.multimediaViewer/ext.multimediaViewer.js b/resources/ext.multimediaViewer/ext.multimediaViewer.js
index 6e5c14504..a809d8fd5 100755
--- a/resources/ext.multimediaViewer/ext.multimediaViewer.js
+++ b/resources/ext.multimediaViewer/ext.multimediaViewer.js
@@ -365,7 +365,7 @@
 		var isOnButton = false,
 			isOnImage = false,
 			ui = this.ui,
-			prevNextTop = ( ( ui.$imageWrapper.height() / 2 ) - 32 ) + 'px';
+			prevNextTop = ( ( ui.$imageWrapper.height() / 2 ) - 60 ) + 'px';
 
 		function fadeIn() {
 			isOnImage = true;