sorting more friendly for monitor icons in side menu

web/libs/js/dash2.elementbuilder.js

@@ -793,12 +793,14 @@ $.ccio.tm=function(x,d,z,user){
         case 1:
             z='#monitors_list .link-monitors-list[auth="'+user.auth_token+'"][ke="'+d.ke+'"]'
             if($('.link-monitors-list[auth="'+user.auth_token+'"][ke="'+d.ke+'"]').length===0){
-                $("#monitors_list").append('<div class="link-monitors-list" auth="'+user.auth_token+'" ke="'+d.ke+'"></div>')
+                $("#monitors_list").append('<div class="link-monitors-list" style="height:100%" auth="'+user.auth_token+'" ke="'+d.ke+'"></div>')
                 var options = {
                     cellHeight: 80,
                     verticalMargin: 10,
                 };
                 $(z).sortable({
+                    handle: '.title',
+                    containment: "parent",
                     stop : function(event,ui){
                         var order = {}
                         $('.link-monitors-list').each(function(n,block){
@@ -817,7 +819,6 @@ $.ccio.tm=function(x,d,z,user){
                         $user.details.monitorListOrder = order
                         $.ccio.cx({f:'monitorListOrder',monitorListOrder:order},user)
                     },
-                    handle: '.title'
                 })
             }
             $(z).prepend(tmp)

web/pages/home.ejs

@@ -172,7 +172,7 @@
             <div class="form-group col-md-12">
                 <input class="form-control dark" placeholder="<%- lang.Search %> <%- lang.Monitors %>" id="monitors_list_search">
             </div>
-            <div id="monitors_list" class="display-table"></div>
+            <div id="monitors_list" style="height:100%" class="display-table"></div>
             <div class="mdl-layout-spacer"></div>
         </nav>
       </div>