1) Leave an object selected if its clicked.

2) And a 1em left margin to provide more spacing, so the lasso is less inclusive

2 files changed, 6 insertions, 5 deletions

diff --git a/modules/organize/css/organize.css b/modules/organize/css/organize.css
index 368fa240..42534ec6 100644
--- a/modules/organize/css/organize.css
+++ b/modules/organize/css/organize.css
@@ -18,11 +18,11 @@
 
 #gDialog .yui-gf div.first {
   width: 20%;
-} 
+}
 
 #gDialog .yui-gf .yui-u {
   width: 80%;
-} 
+}
 
 /*******************************************************************
  * Album Tree styling
@@ -98,6 +98,7 @@
   font-size: .7em;
   height: 9em;
   margin-bottom: 1em;
+  margin-left: 1em;
   opacity: .4;
   padding: 0 .5em;
 }
@@ -128,7 +129,7 @@
   padding: 0;
   overflow: visible;
 }
-			
+
 #gDragHelper .gMicroThumbContainer {
   display: block;
   margin: 0;
@@ -140,7 +141,7 @@
   height: auto;
   width: auto;
 }
-			
+
 
 /****************************************************************
  * Organize Edit Drawer styling
diff --git a/modules/organize/js/organize.js b/modules/organize/js/organize.js
index a8a363a2..c8fc9d43 100644
--- a/modules/organize/js/organize.js
+++ b/modules/organize/js/organize.js
@@ -157,7 +157,7 @@ var selectable = {
 var onMicroThumbContainerMouseup = function(event) {
   // For simplicity always remove the ui-selected class.  If it was unselected
   // it will get added back
-  $(this).removeClass("ui-selected");
+  $(this).toggleClass("ui-selected");
 
   setDrawerButtonState();
 };