Fix some issues with the users page

airtime_mvc/public/css/dashboard.css

@@ -673,6 +673,9 @@ th.library_checkbox {
     text-align: center !important;
 }
 
+.ui-draggable {
+    -ms-touch-action: none;
+}
 
 /* This is so dragged items show up above the layout */
 

airtime_mvc/public/css/styles.css

@@ -1772,17 +1772,20 @@ button, input {
 }
 
 .user-management {
-    width:910px;
+    min-width: 910px;
     min-height: 410px;
 }
+
 .user-management-expanded {
-    width:910px;
+    width: 910px;
 }
+
 .user-data {
     float:right;
     width:420px;
     margin-left:10px;
 }
+
 .user-list-wrapper {
     float:left;
     width:480px;
@@ -1792,14 +1795,7 @@ button, input {
 }
 
 #users_datatable {
-    border: 0px;
+    border: 0;
-}
-
-#users_datatable_wrapper > div.fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-bl.ui-corner-br.ui-helper-clearfix {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
 }
 
 #users_datatable_wrapper td {
@@ -1808,7 +1804,7 @@ button, input {
 
 .user-management div.user-list-wrapper .ui-widget-header:first-child {
     background: none repeat scroll 0 0 transparent;
-    border-width: 0 0 1px;
+    border-width: 0;
     color: #444444;
     font-weight: bold;
 }
@@ -3887,9 +3883,19 @@ li .ui-state-hover {
     flex: 1;
 }
 
+#user_list_inner_wrapper {
+    height: 272px;
+    overflow: auto;
+}
+
 #users_datatable_wrapper {
-    /*position: absolute;*/
+    display: -webkit-box;
-    min-height: 300px;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-flow: column;
+    flex-flow: column;
 }
 
 #users_datatable {

airtime_mvc/public/js/airtime/library/events/library_showbuilder.js

@@ -103,7 +103,7 @@ var AIRTIME = (function(AIRTIME) {
         }
 
         if ($("#show_builder_table").is(":visible")) {
-            $('#library_display tr.lib-audio, tr.lib-pl, tr.lib-stream')
+            $('#library_display tr[class*="lib-"]')
                 .draggable(
                 {
                     helper: function () {
@@ -142,7 +142,7 @@ var AIRTIME = (function(AIRTIME) {
                     connectToSortable: '#show_builder_table'
                 });
         } else {
-            $('#library_display tr.lib-audio, tr.lib-stream, tr.lib-pl, tr.lib-block')
+            $('#library_display tr[class*="lib-"]')
                 .draggable(
                 {
                     helper: function () {

airtime_mvc/public/js/airtime/user/user.js

@@ -85,7 +85,8 @@ function rowCallback( nRow, aData, iDisplayIndex ){
 }
 
 function populateUserTable() {
-    $('#users_datatable').dataTable( {
+    var dt = $('#users_datatable');
+    dt.dataTable( {
         "bProcessing": true,
         "bServerSide": true,
         "sAjaxSource": baseUrl+"User/get-user-data-table-info/format/json",
@@ -118,7 +119,7 @@ function populateUserTable() {
             "sInfoEmpty":      $.i18n._("Showing 0 to 0 of 0 users"),
             "sInfoFiltered":   $.i18n._("(filtered from _MAX_ total users)"),
         }),
-        "sDom": '<"H"lf<"dt-process-rel"r>>t<"F"ip>',
+        "sDom": '<"H"lf<"dt-process-rel"r>><"#user_list_inner_wrapper"t><"F"ip>'
     });
 }
 
@@ -187,7 +188,7 @@ function assignUserRightsToUserTypes() {
     });
 }
 
-function init() {
+function initUserData() {
     var type = $('#type');
 
     type.live("change", function(){
@@ -230,7 +231,7 @@ function init() {
 $(document).ready(function() {
     populateUserTable();
     assignUserRightsToUserTypes();
-    init();
+    initUserData();
 
     $('#save_user').live('click', function(){
         var data = $('#user_form').serialize();
@@ -254,5 +255,4 @@ $(document).ready(function() {
     });
 
     sizeFormElements();
-    
 });