Grid filter menu icon distorts column header rendering in IE

[dtopalov]

Observable in the online demos:

https://www.telerik.com/kendo-angular-ui/components/grid/data-operations/filtering/#toc-filter-menu

Suggested CSS workaround:

styles: [ `
      >>> .k-grid .k-grid-filter { position: absolute; top: 8px; right: 4px; }
      >>> .k-grid .k-grid-header .k-link { padding-right: 32px; }
    `],

https://plnkr.co/edit/S0OxoRaZQ59cYMipxx8V?p=preview

[gyoshev]

The fix requires the rendering of the k-filterable class on the grid. Until it is added, the following workaround works without obstructing other scenarios:

      .k-grid .k-header kendo-grid-filter-menu + .k-link {
        margin-right: calc(10px + 1.4285714286em);
      }

[gyoshev]

The updated rendering has been released on the development channel of @progress/kendo-angular-grid, in version v2.1.1-dev.201802220936.