Evalai: Center align the leaderboard

[RishabhJain2018]

Current Behaviour

The leaderboard table metrics are not properly aligned with their header.

Expected Behaviour

The header and values must be properly aligned.

Deliverables

• [ ] Remove all the align classes like align-right, align-left etc. in the leaderboard.html
• [ ] Add a class align-center to table attribute in the same file.

For Testing

• [ ] Create at least 5 entries on the leaderboard with different team names.
• [ ] Paste the screenshot with the entries along with the PR.

Please feel free to ask if there are any doubts.

[gautamjajoo]

Can I work on this?

[RishabhJain2018]

Sure!

[deshraj]

@RishabhJain2018 I think you wrote the wrong class name here. The table should have a centered class instead of align-center so that it gets centered through materializecss. For reference, please see this https://materializecss.com/table.html. @gautamjajoo: please make sure that you don't miss this comment. :)

[gautamjajoo]

@deshraj @RishabhJain2018 This is screenshot when I use centered in table and center-align in <tr> tag. I have to use center-align in <tr> tag because without that the upper tab is not being center aligned. While I researched on it and saw that it is not being aligned because of the icons on the upper tab. Isthis okay?

[RishabhJain2018]

@gautamjajoo This looks good. Can you please open a PR for the same?

[ashish0910]

Can I take this issue ?

[RishabhJain2018]

Sorry, but this has already been taken.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This issue has been automatically closed as there is no further activity. Thank you for your contributions.