WIP nextmatch column sorting UI:

- Give the dialog a new look

api/js/etemplate/et2_extension_nextmatch.js

@@ -1568,21 +1568,24 @@ var et2_nextmatch = (function(){ "use strict"; return et2_DOMWidget.extend([et2_
 			$select.find('li[class^="selcolumn_sortable_"]').each(function(i,v){
 				jQuery(v).attr('data-value',(jQuery(v).find('input')[0].value))
 			});
+			var $footerWrap = jQuery(document.createElement("div"))
+					.addClass('dialogFooterToolbar')
+					.append(okButton.getDOMNode())
+					.append(cancelButton.getDOMNode());
 			this.selectPopup = jQuery(document.createElement("div"))
 				.addClass("colselection ui-dialog ui-widget-content")
 				.append(select.getDOMNode())
-				.append(okButton.getDOMNode())
+				.append($footerWrap)
-				.append(cancelButton.getDOMNode())
 				.appendTo(this.innerDiv);
 
 			// Add autorefresh
-			this.selectPopup.append(autoRefresh.getSurroundings().getDOMNode(autoRefresh.getDOMNode()));
+			$footerWrap.append(autoRefresh.getSurroundings().getDOMNode(autoRefresh.getDOMNode()));
 
 			// Add default checkbox for admins
 			var apps = this.egw().user('apps');
 			if(apps['admin'])
 			{
-				this.selectPopup.append(defaultCheck.getSurroundings().getDOMNode(defaultCheck.getDOMNode()));
+				$footerWrap.append(defaultCheck.getSurroundings().getDOMNode(defaultCheck.getDOMNode()));
 			}
 		}
 		else

api/templates/default/etemplate2.css

@@ -3159,3 +3159,21 @@ tr.disableIfNoEPL {
     background-repeat: no-repeat;
     border: 2px dashed silver;
 }
+
+.colselection.ui-widget-content {
+	width: 45%;
+}
+
+.colselection .et2_selectbox .ui-widget-header.ui-helper-clearfix {
+	padding: 10px;
+	font-size:10pt;
+}
+.colselection .et2_selectbox .ui-multiselect-checkboxes li {
+	border-bottom: 1px solid #e6e6e6;
+    padding-bottom: 3px;
+    padding-top: 3px;
+}
+.colselection .et2_selectbox .ui-multiselect-checkboxes li label{
+	cursor: grab;
+}
+.colselection .et2_selectbox .ui-multiselect-checkboxes li label.ui-state-hover {background: none;}

pixelegg/css/mobile.css

@@ -3769,7 +3769,7 @@ div#egwpopup_message {
   visibility: hidden;
 }
 .colselection.ui-widget-content {
-  width: 33%;
+  width: 45%;
 }
 /*Calendar ##############*/
 td.message {

pixelegg/css/monochrome.css

@@ -3758,7 +3758,7 @@ div#egwpopup_message {
   visibility: hidden;
 }
 .colselection.ui-widget-content {
-  width: 33%;
+  width: 45%;
 }
 /*Calendar ##############*/
 td.message {

pixelegg/css/pixelegg.css

@@ -3769,7 +3769,7 @@ div#egwpopup_message {
   visibility: hidden;
 }
 .colselection.ui-widget-content {
-  width: 33%;
+  width: 45%;
 }
 /*Calendar ##############*/
 td.message {

pixelegg/less/layout_messages.less

@@ -269,7 +269,7 @@ div#egwpopup_message {
 		}
 }
 
-.colselection.ui-widget-content {width: 33%;}
+.colselection.ui-widget-content {width: 45%;}
 
  /*Calendar ##############*/
 td.message {

pixelegg/mobile/fw_mobile.css

@@ -3780,7 +3780,7 @@ div#egwpopup_message {
   visibility: hidden;
 }
 .colselection.ui-widget-content {
-  width: 33%;
+  width: 45%;
 }
 /*Calendar ##############*/
 td.message {