feat(grid): some polish work #935

Author: SAndreeva

projects/igniteui-angular/src/lib/grid/grid.common.ts

@@ -187,8 +187,9 @@ export function autoWire(markForCheck = false) {
 
 @Injectable()
 export class IgxColumnMovingService {
-    private _column: IgxColumnComponent;
     private _icon: any;
+    private _column: IgxColumnComponent;
+    private _target: IgxColumnComponent;
 
     get column(): IgxColumnComponent {
         return this._column;
@@ -199,6 +200,15 @@ export class IgxColumnMovingService {
         }
     }
 
+    get target(): IgxColumnComponent {
+        return this._target;
+    }
+    set target(val: IgxColumnComponent) {
+        if (val) {
+            this._target = val;
+        }
+    }
+
     get icon(): any {
         return this._icon;
     }
@@ -308,7 +318,8 @@ export class IgxColumnMovingDragDirective extends IgxDragDirective {
         const s = document.defaultView.getComputedStyle(this.element.nativeElement);
         this._dragGhost.style.width = Math.ceil(range.getBoundingClientRect().width +
             parseFloat(s.borderRightWidth) + parseFloat(s.borderLeftWidth) + parseFloat(s.paddingLeft) +
-            parseFloat(s.paddingRight) + icon.getBoundingClientRect().width) + 'px';
+            parseFloat(s.paddingRight) + icon.getBoundingClientRect().width) +
+            parseFloat(document.defaultView.getComputedStyle(icon).marginRight) + 'px';
 
         this.left = this._dragStartX = event.clientX -
             (((range.getBoundingClientRect().width + parseFloat(s.paddingLeft) + parseFloat(s.paddingRight)) / 3) * 2);