Reset the margins when the mouse is over a thumbnail when dragging. When the border is displayed then adjust the margin to account for the border. Just hidding the border causes things to move.

1 files changed, 3 insertions, 3 deletions

diff --git a/modules/organize/js/organize.js b/modules/organize/js/organize.js
index 0aeb4f7c..c30f89e0 100644
--- a/modules/organize/js/organize.js
+++ b/modules/organize/js/organize.js
@@ -122,12 +122,12 @@
 
     mouse_move_handler: function(event) {
       if ($(".gDragHelper").length) {
-        $(".gOrganizeMicroThumbGridCell").css("borderStyle", "hidden");
+        $(".gOrganizeMicroThumbGridCell").css({borderStyle: "hidden", margin: "4px"});
         $(".currentDropTarget").removeClass("currentDropTarget");
         var borderStyle = event.pageX < $(this).offset().left + $(this).width() / 2 ?
-          "borderLeftStyle" : "borderRightStyle";
+          {borderLeftStyle: "solid", marginLeft: "2px"} : {borderRightStyle: "solid", marginRight: "2px"};
         $(this).addClass("currentDropTarget")
-          .css(borderStyle, "solid");
+          .css(borderStyle);
       }
     },