Add a label for the sort order

2 files changed, 22 insertions, 3 deletions

diff --git a/modules/organize/css/organize.css b/modules/organize/css/organize.css
index be0e0e18..e822d407 100644
--- a/modules/organize/css/organize.css
+++ b/modules/organize/css/organize.css
@@ -77,6 +77,15 @@
   background-image:url(../vendor/ext/images/default/tree/folder.gif);
 }
 
+.g-organize label.sort {
+  font: 12px tahoma, arial;
+  vertical-align: middle;
+  font-weight: bold;
+  height: 22px;
+  text-align: center;
+  padding: 4px;
+}
+
 .loading div {
   font-size: 1.1em;
   padding-left: 24px;
diff --git a/modules/organize/views/organize_frame.html.php b/modules/organize/views/organize_frame.html.php
index 7a125ec9..626a1b7d 100644
--- a/modules/organize/views/organize_frame.html.php
+++ b/modules/organize/views/organize_frame.html.php
@@ -221,6 +221,7 @@
       allowBlank: false,
       forceSelection: true,
       triggerAction: "all",
+      flex: 2,
       store: new Ext.data.ArrayStore({
         id: 0,
         fields: ["key", "value"],
@@ -241,6 +242,7 @@
       allowBlank: false,
       forceSelection: true,
       triggerAction: "all",
+      flex: 2,
       store: new Ext.data.ArrayStore({
         id: 0,
         fields: ["key", "value"],
@@ -264,13 +266,21 @@
       layoutConfig: {
         align: "stretch"
       },
-      items: [sort_column_combobox, sort_order_combobox,
+      items: [
+        {
+          xtype: "label",
+          cls: "sort",
+          flex: 2,
+          text: <?= t("Sort order: ")->for_js() ?>
+        },
+        sort_column_combobox,
+        sort_order_combobox,
         {
           xtype: "spacer",
-          flex: 4
+          flex: 10
         }, {
           xtype: "button",
-          flex: 1,
+          flex: 2,
           text: <?= t("Close")->for_js() ?>,
           listeners: {
             "click": function() {