Display the sort order in the Organize dialog, and allow users to

change the sort order on the fly.

1 files changed, 8 insertions, 51 deletions

diff --git a/modules/organize/css/organize.css b/modules/organize/css/organize.css
index d717bcae..52de87fc 100644
--- a/modules/organize/css/organize.css
+++ b/modules/organize/css/organize.css
@@ -134,63 +134,20 @@
 }
 
 /****************************************************************
- * Organize Edit Drawer styling
+ * Organize Controls styling
  */
-#gOrganizeEditDrawer {
+#gOrganizeControls {
+  padding-left: 8px;
   background-color: #13A;
+  color: #ccc;
   width: 100% !important;
 }
 
-#gOrganizeEditDrawerPanel {
-  background-color: #fff;
-  border: 1px solid #13A;
-  display: none;
-  height: 195px;
-}
-
-#gOrganizeEditDrawerHandle {
-  height: 30px;
-}
-
-#gOrganizeEditHandleLeft {
-  background-color: #FFF;
-  float: left;
-  height: 30px;
-  width: 15px;
-}
-
-#gOrganizeEditHandleButtonsMiddle,
-#gOrganizeEditHandleButtonsLeft {
-  float: left;
-  height: 20px;
-  padding: 2px 10px;
-}
-
-#gOrganizeEditHandleButtonsMiddle {
-  margin-left: 20px;
-}
-
-#gOrganizeEditHandleButtonsMiddle a,
-#gOrganizeEditHandleButtonsLeft a {
-  float: left;
-  margin: 0 2.5px;
-}
-
-#gOrganizeEditHandleButtonsRight {
-  float: right;
-  height: 20px;
-  padding: 2px 10px;
-}
-
-#gOrganizeEditHandleButtonsRight a {
-  float: left;
-  margin: 0 2.5px;
+#gOrganizeControls select {
+  display: inline;
 }
 
-#gOrganizeEditHandleRight {
-  background-color: #FFF;
-  background-position: -15px 0;
+#gOrganizeClose {
   float: right;
-  height: 30px;
-  width: 15px;
+  margin-right: 12px;
 }