Fix lightbox prev/next buttons position

inc/Spot.php

@@ -150,7 +150,7 @@ class Spot extends Main
 			(
 				Feed::SPOT_TABLE	=> array(Feed::FEED_TABLE),
 				Feed::FEED_TABLE	=> array(Feed::MSG_TABLE),
-				Project::PROJ_TABLE	=> array(Feed::FEED_TABLE, Media::MEDIA_TABLE, self::POST_TABLE),
+				Project::PROJ_TABLE	=> array(Feed::FEED_TABLE, Media::MEDIA_TABLE, self::POST_TABLE, Map::MAPPING_TABLE),
 				Map::MAP_TABLE		=> array(Map::MAPPING_TABLE)
 			)
 		);

script/lightbox.js

@@ -114,7 +114,7 @@
     // on the page below.
     //
     // Github issue: https://github.com/lokesh/lightbox2/issues/663
-    $('<div id="lightboxOverlay" tabindex="-1" class="lightboxOverlay"></div><div id="lightbox" tabindex="-1" class="lightbox"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt=""/><div class="lb-nav"><a class="lb-prev" aria-label="Previous image" href="" ></a><a class="lb-next" aria-label="Next image" href="" ></a></div><div class="lb-loader"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div>').appendTo($('body'));
+    $('<div id="lightboxOverlay" tabindex="-1" class="lightboxOverlay"></div><div id="lightbox" tabindex="-1" class="lightbox"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt=""/><div class="lb-nav"><a class="lb-prev" aria-label="Previous image" href="" ></a><a class="lb-next" aria-label="Next image" href="" ></a></div><div class="lb-loader"><a class="lb-cancel" href="#"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div>').appendTo($('body'));
 
     // Cache jQuery objects
     this.$lightbox       = $('#lightbox');

style/_lightbox.scss

@@ -105,18 +105,19 @@
 				box-sizing: content-box;
 			}
 			&.lb-video-nav .lb-nav {
-				top: 45px;
+				top: 0;
-				height: calc(100% - 90px);
+				height: calc(100% - 100px); //Leave space for video progress bar
 			}
 			
 			.lb-nav {
 				a.lb-prev, a.lb-next {
 					color: white;
 					text-decoration: none;
+					text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
 					
 					&:before {
 						position: absolute;
-						top: calc(50% - 1em);
+						top: calc(50% - 1em + 50px);
 					}
 				}