[ui-fixes] Report: Pick columns frappe/erpnext#3678 frappe/erpnext#3676 (#2163)

* [update] Sortable to 1.4.2

* [mobile] fix scroll in pick columns view

frappe/public/css/report.css

@@ -15,9 +15,8 @@
   display: none;
 }
 .column-picker-dialog .column-list {
-  margin: 15px -15px;
-  border-top: 1px solid #d1d8dd;
-  border-bottom: 1px solid #d1d8dd;
+  margin: 15px 0;
+  border: 1px solid #d1d8dd;
 }
 .column-picker-dialog .column-list .column-list-item {
   padding: 10px;
@@ -36,6 +35,11 @@
   display: inline-block;
   width: 89%;
 }
+@media (max-width: 767px) {
+  .column-picker-dialog .column-list .form-control {
+    width: 77%;
+  }
+}
 .column-picker-dialog .column-list .close {
   margin: 2px 7px 0px;
 }

frappe/public/less/report.less

@@ -23,9 +23,8 @@
 // column picker
 .column-picker-dialog {
 	.column-list {
-		margin: 15px -15px;
-		border-top: 1px solid @border-color;
-		border-bottom: 1px solid @border-color;
+		margin: 15px 0;
+		border: 1px solid @border-color;
 
 		.column-list-item {
 			padding: 10px;
@@ -46,6 +45,10 @@
 		.form-control {
 			display: inline-block;
 			width: 89%;
+
+			@media (max-width: @screen-xs) {
+				width: 77%;
+			}
 		}
 
 		.close {