Navigation arrows based on line-height

refs ashleydw#88

Author: ashleydw

dist/ekko-lightbox.css

@@ -23,7 +23,6 @@
   display: block;
   width: 49%;
   height: 100%;
-  padding-top: 45%;
   font-size: 30px;
   color: #fff;
   text-shadow: 2px 2px 4px #000;

dist/ekko-lightbox.js

@@ -342,8 +342,8 @@ License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
       var width_total;
       width_total = width + this.border.left + this.padding.left + this.padding.right + this.border.right;
       this.modal_dialog.css('width', 'auto').css('max-width', width_total);
-      this.lightbox_container.find('a').css('padding-top', function() {
-        return $(this).parent().height() / 2;
+      this.lightbox_container.find('a').css('line-height', function() {
+        return $(this).parent().height() + 'px';
       });
       return this;
     },

dist/ekko-lightbox.min.css

@@ -300,8 +300,8 @@ EkkoLightbox.prototype = {
 		width_total = width + @border.left + @padding.left + @padding.right + @border.right
 		@modal_dialog.css('width', 'auto') .css('max-width', width_total);
 
-		@lightbox_container.find('a').css 'padding-top', ->
-			$(@).parent().height() / 2
+		@lightbox_container.find('a').css 'line-height', ->
+			$(@).parent().height() + 'px'
 		@
 
 	checkDimensions: (width) ->

dist/ekko-lightbox.min.js

@@ -29,7 +29,6 @@
       height: 100%;
       width:49%;
       display:block;
-      padding-top:45%;
       text-shadow: 2px 2px 4px #000;
       filter: dropshadow(color=#000, offx=2, offy=2);
       z-index:100;