Tighten up album grid display. Vertically align thumbnail/metadata in gItem container. Brought back borders. Use a neutral bg color for albums. Link item titles, not just thumbnails.

1 files changed, 16 insertions, 0 deletions

diff --git a/themes/default/js/ui.init.js b/themes/default/js/ui.init.js
index fe650539..cb9fa07c 100644
--- a/themes/default/js/ui.init.js
+++ b/themes/default/js/ui.init.js
@@ -3,6 +3,12 @@
  */
 $("document").ready(function() {
 
+  // Vertical align thumbnails/metadata in album grid
+  if ($(".gItem").length) {
+    $(".gItem").wrapInner("<div></div>")
+    $('.gItem div').vAlign();
+  }
+  
   // Apply modal dialog class
   $(".gMenuLink").addClass("gDialogLink");
   $("#gLoginLink").addClass("gDialogLink");
@@ -75,6 +81,16 @@ $("document").ready(function() {
 
 });
 
+// Vertically align a block element's content
+$.fn.vAlign = function() {
+  return this.each(function(i){
+    var ah = $(this).height();
+    var ph = $(this).parent().height();
+    var mh = (ph - ah) / 2;
+    $(this).css('margin-top', mh);
+  });
+};
+
 /**
  * Fire openDialog() and prevent links from opening
  *