Resize the .g-item to contain the rotated image, and make all

.g-item's the same height and realign the photo vertically, both on
the .g-item and the hover placeholder.  Fixes ticket #1354.

1 files changed, 3 insertions, 1 deletions

diff --git a/themes/wind/js/ui.init.js b/themes/wind/js/ui.init.js
index 7637ad80..e5071dc1 100644
--- a/themes/wind/js/ui.init.js
+++ b/themes/wind/js/ui.init.js
@@ -90,13 +90,15 @@ $(document).ready(function() {
         $(this).css("top", 0).css("left", 0);
         // Remove the placeholder and hover class from the item
         $(this).removeClass("g-hover-item");
+	$(this).gallery_valign();
         $("#g-place-holder").remove();
       }
     );
 
     // Realign any thumbnails that change so that when we rotate a thumb it stays centered.
     $(".g-item").bind("gallery.change", function() {
-      $(this).gallery_valign();
+      $(this).height($(this).find("img").height() + 2);
+      $(".g-item").equal_heights().gallery_valign();
     });
   }