AeIcon: Make it inline-flex only when it necessary

[davidyuk]

I have checked styleguide, looks it doesn't break any other components/examples.

[sadiqevani]

@davidyuk

Lets put this as an extra prop change (extra class that can be applied), rather than making it exclusively for primary.

[davidyuk]

Did you mean round instead of primary? Are this styles used somewhere else except round state? I can't find its usages.

[sadiqevani]

@davidyuk

I was thinking more of something like:

<ae-icon flex-center />

props: {
  flexCenter: Boolean
}

.ae-icon.flex-center {}

Adding those behavior modifications as class, so its not specific to one style.

[davidyuk]

No need to add this property, parent component can modify icon styles if it is really necessary, I don't see any other cases except round.