Web: Flyout Bug - Project icons overflowing out of card

[PixelantDesign]

Issue

https://gitcoin.co/issue/fortmatic/edcon2019-hackathon/1/2760

• Icons running beyond flyout (see screenshot)

Browser

Google Chrome Version 73.0.3683.103
Mac Mojave

Screencap

[kuhnchris]

ok, that overflow bug is easily fixable, i'm more worried about the "undefined"

Overflow: hidden; fixes this issue. But, I rather ask, what's with the "," in the middle?

[thelostone-mc]

Also,

• specialty should be hidden when no data is available
• probably make the number a lil bigger in size
• increase the box size to give more breathing space for (Gitcoin Contributor / Bounties Completed / .... )
• Add a .toFixed(4) to the amount TO FIX THIS

@iamonuwa would you be able to get around to fixing all the 3 mentioned above as this was introduced in https://github.com/gitcoinco/web/pull/3915

cc @octavioamu

[kuhnchris]

also the spacing between Gitcoin Contributor and the stats is weird. + Contributor also overflows.
If @iamonuwa is on it i won't touch it, else let me know and I'll send a PR in.

[iamonuwa]

Sure

[thelostone-mc]

PS: @iamonuwa cleanest thing would probably be to limit the number of orgs (to maybe 4) and replace the rest with the count of the remaining number of orgs