[IMP] web: editable list: change handle icon to fa-sort

task-2413274

addons/web/static/src/js/fields/basic_fields.js

@@ -1498,7 +1498,7 @@ var ListFieldText = FieldText.extend({
 var HandleWidget = AbstractField.extend({
     description: _lt("Handle"),
     noLabel: true,
-    className: 'o_row_handle fa fa-arrows ui-sortable-handle',
+    className: 'o_row_handle fa fa-sort ui-sortable-handle',
     widthInList: '33px',
     tagName: 'span',
     supportedFieldTypes: ['integer'],

addons/web/static/src/js/views/list/list_editable_renderer.js

@@ -1092,6 +1092,7 @@ ListRenderer.include({
                 items: '> tr.o_data_row',
                 helper: 'clone',
                 handle: '.o_row_handle',
+                cursor: "grabbing",
                 stop: function (event, ui) {
                     // update currentID taking moved line into account
                     if (self.currentRow !== null) {

addons/web/static/src/scss/fields.scss

@@ -278,7 +278,13 @@
 
     // Handle widget
     &.o_row_handle {
-        cursor: ns-resize;
+        cursor: grab;
+        color: #adb5bd;
+        text-align: center;
+        width: 100%;
+        &:hover {
+            color: #666666;
+        }
     }
 
     &.o_field_selection_badge {

addons/web/static/src/scss/form_view.scss

@@ -132,6 +132,10 @@
             max-width: map-get($container-max-widths, md) - (2 * $o-horizontal-padding);
         }
 
+        .o_field_x2many .o_list_table .o_handle_cell .o_row_handle {
+            padding: 0.3rem;
+        }
+
         @include media-breakpoint-up(vsm, $o-extra-grid-breakpoints) {
             .o_row {
                 > .o_field_widget, > div {