Delete icon in the button slightly displaced to the left..

[Vedad]

Hi, 

I know this is minor, but it looks like that when using trashIcon from svgIcons as icon within the button, icon is slightly displaced to the left.
Strange enough, all others are centered, only this one is moved slightly to the left.

Before calling me crazy, it wasn't just me noticing it, but also a couple of users.  :)

I simply added following into existing icon button example just to make sure it wasn't some broken css in the app:

      <div class="col-xs-12 col-sm-6 col-md-4 example-col">
        <button kendoButton [svgIcon]="svgTrash">Delete</button>
        <button kendoButton [svgIcon]="svgTrash" title="Delete"></button>
      </div>

Cheers :)

Vedad

 

[Zornitsa]

Hi Vedad,

Thank you for the provided details and screenshot.

After thoroughly examining the matter, I was indeed able to observe the described behavior of the trashIcon being slightly misaligned to the left and not exactly centered. On that note, it turns out that this issue is not directly related to the icon being rendered in the Button component, but is a bug in the kendo-icons package, which you can find referenced below:

• https://github.com/telerik/kendo-icons/issues/392

In this line of thought, feel free to subscribe to the above GitHub issue in order to stay updated with any progress on the future fix implementation for this bug. 

As a small token of gratitude for reporting this behavior and helping us improve the quality of our products, I have updated the Telerik points of your account. 

We apologize for any inconvenience that the mentioned bug might have caused on your side.

Regards,
Zornitsa
Progress Telerik

[Vedad]

Hi Zornitsa, 

Thank you for the reply. 
I did presume it was within icons package, but only way to confirm was to have it within the button to compare distances.

Anyway, thank you for the info and support.

 

Have a nice day.

Regards,

Vedad