Syndesis: Misaligned number of integrations in integration chart thinggy

[syndesis-bot]

| @zregvart | 2017-10-25 | bug, good first issue, Priority - Low |
|-|-|-|

Looks something like this in Chrome and Firefox on my end:

I guess we still are few years away from CSS centring properly :)

[syndesis-bot]

| @gashcrumb | 2017-10-25 |
|-|-|

Yeah, that's been bugging me :-) @dongniwang The whole text is supposed to go inside the circle, isn't it?

[syndesis-bot]

| @dongniwang | 2017-11-09 |
|-|-|

See screenshot below for reference. The color is different because we had another conversation about aligning the colors of the labels and colors of the statuses.

And for now, let's used InVision link for the dashboard design: https://redhat.invisionapp.com/share/U7AZTB1HS

[seanforyou23]

This represents a great opportunity to further align Syndesis app with patternfly-ng ui elements. In particular the donut component should probably be used here - http://www.patternfly.org/patternfly-ng/#/donut.

[amysueg]

Is this something that could be targeted for TP4?
Or will it be done by GA?
Thanks @seanforyou23 !

[seanforyou23]

@amysueg yes I do believe so! We've already done a bit of work toward this with the patternfly-ng upgrade to 3.x as well as properly exporting the donut component for consumption. I believe all that's left is the switcharoo.

[amysueg]