Edge : Small circle doesn't follow the time circle line

[caribouflex]

No description provided.

[caribouflex]

Fix :
On Edge + IE - CSS property Rotate and transform can't be used on a SVG element.
To fix that :

// On this both line we set the transform property to make the little circle rotate.
// Chrome can handle to style SVG with css, however IE can't. That's why we add the transform the the element as attribute.
// Chrome can handle the transition with the attribute, but firefox can't. That's why we have to keep the set on the stylesheet.
// IE and Edge both won't have the smooth transition (it will stay like a watch second hand)
this.$.eCPointer.setAttribute("transform", "rotate(" + v + ")");
this.$.eCPointer.style.transform = "rotate(" + v + "deg)";

set the transform attribute and the CSS property. Set the attribute on the eCPointer element (need to add a new id). Than change the css property with the transition as :

 #eCPointer {
    transition: transform 1s linear;
 }

[caribouflex]

This commit fix the issue, but the circle is not linear though. Issue to open if we want to put more time on it.