Show spirit scores along with results in match card

[Joe2k]

fixes #120

[Joe2k]

Also added tabs in the team page for better accessibility and UX

[Joe2k]

fixes #202 as well

[punchagan]

Woah! @Joe2k is on fire!

[punchagan]

We could use full scores like 2;2;2;2;2 instead of 10?

[Joe2k]

We could use full scores like 2;2;2;2;2 instead of 10?

Hmm not so sure on that as it will take more space... and since we anyway showing the detailed split when the user clicks on button it should be fine?

Also people wont know what is the order of criteria when we just put 2;2;2;2;2 and might just be confusing i think

[punchagan]

I think players would know the order, but fair enough that it's just a click away. May be we can make the spirit scores themselves clickable instead of the extra button to see Scores/MVP/MSP?

[Joe2k]

Yeah, but then how we'll show/make user know that its clickable?

[punchagan]

Yeah, but then how we'll show/make user know that its clickable?

Maybe use an arrow or make it like a button or something. I'm not sure. @SibiAkkash might have ideas.

[Joe2k]

@SibiAkkash Any thoughts on this? If not I think we can merge this for now and think later..

[SibiAkkash]

@SibiAkkash Any thoughts on this? If not I think we can merge this for now and think later..

The "Spirit Scores, MVP, MSP" button could be renamed to "Spirit : 10 - 10".
Or, like punch was saying we could have a small badge
Like the below pic, we could have "Spirit" in blue, the score "10-10" in gray, and add an arrow to indicate clickability

Or something simpler

[Joe2k]

yeah makes sense.. will do

[Joe2k]

Updated @SibiAkkash @punchagan

[Joe2k]

Rebased and Pushed... This is also ready to be reviewed and merged
@punchagan