Another iteration of the organize module:

Rearrange the layout as per discussion with thumb, start the drawer
functionality. Still to do... 
1) Add the processing behind the buttons on the drawer handle
2) Enable the drawer buttons when something is selected
3) Create a copy of the thumbs for the drawer
4) Add the bulk editting functionality to the drawer

2 files changed, 75 insertions, 11 deletions

diff --git a/modules/organize/css/organize.css b/modules/organize/css/organize.css
index 0a66d0ad..1e5e90ed 100644
--- a/modules/organize/css/organize.css
+++ b/modules/organize/css/organize.css
@@ -3,17 +3,22 @@
  * Dialog wide stylings
  */
 #gOrganizeStatus {
-  height: 6em;
-  border: 1px solid #999;
-  margin-top: .5em;
-  margin-bottom: .5em;
-  overflow-y: auto;
+  height: 1.2em;
+  font-weight: bold;
 }
 
 #gOrganizeProgressDialog {
   text-align: left;
 }
 
+#gDialog .yui-gf div.first {
+  width: 20%;
+} 
+
+#gDialog .yui-gf .yui-u {
+  width: 80%;
+} 
+
 /*******************************************************************
  * Album Tree styling
  */
@@ -59,6 +64,13 @@
 /*******************************************************************
  * Album Panel Styles
  */
+
+#gMicroThumbUnselectAll,
+#gMicroThumbSelectAll {
+  font-size: 1em;
+  font-weight: bold;
+}
+
 #gMicroThumbPanel {
   margin: 0 !important;
   padding: 0 !important;
@@ -67,7 +79,8 @@
   border-top: none !important;
   border-left: none !important;
   margin-left: -1em !important;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
 #gMicroThumbGrid {
@@ -76,9 +89,6 @@
 
 .gMicroThumbContainer {
   display: block;
-  //border: 2px solid #e8e8e8;
-  //border-right-color: #ccc;
-  //border-bottom-color: #ccc;
   float: left;
   font-size: .7em;
   height: 9em;
@@ -128,11 +138,65 @@
 			
 
 /****************************************************************
- * Organize Edit styling
+ * Organize Edit Drawer styling
  */
+#gOrganizeEditDrawer {
+  background-color: #13A;
+  float: left;
+  margin: 0 5% 10px;
+  width: 90%;
+}
+
+#gOrganizeEditDrawerPanel {
+  background-color: #CFDEFF;
+  border: 1px solid #13A;
+  display: none;
+  min-height: 150px; 
+}
+
+#gOrganizeEditHandleLeft {
+  background-image: url(organize_edit_drawer.png);
+  background-color: #CFDEFF;
+  float: left;
+  height: 30px;
+  margin: 2px 0 0;
+  width: 15px;
+}
+
+#gOrganizeEditHandleButtonsLeft {
+  float: left;
+  height: 20px;
+  padding: 2px 10px;
+}
+
+#gOrganizeEditHandleButtonsLeft a {
+  float: left;
+  margin: 0 2.5px;
+}
+
+#gOrganizeEditHandleButtonsRight {
+  float: right;
+  height: 20px;
+  padding: 2px 10px;
+}
+
+#gOrganizeEditHandleButtonsRight a {
+  float: left;
+  margin: 0 2.5px;
+}
+
+#gOrganizeEditHandleRight {
+  background-color: #CFDEFF;
+  background-image: url(organize_edit_drawer.png);
+  background-position: -15px 0;
+  float: right;
+  height: 30px;
+  margin: 2px 0 0;
+  width: 15px;
+}
+
 #gOrganizeFormButtons {
   bottom: 0.5em;
-  position: absolute;
 }
 
 #gOrganizeFormButtons .submit {
diff --git a/modules/organize/css/organize_edit_drawer.png b/modules/organize/css/organize_edit_drawer.png
new file mode 100644
index 00000000..34735a00
--- /dev/null
+++ b/modules/organize/css/organize_edit_drawer.png