diff --git a/src/components/Forms/Algorithm/AlgorithmSubmission.css b/src/components/Forms/Algorithm/AlgorithmSubmission.css index 2fc532c..002a5bc 100644 --- a/src/components/Forms/Algorithm/AlgorithmSubmission.css +++ b/src/components/Forms/Algorithm/AlgorithmSubmission.css @@ -24,6 +24,7 @@ .selectionContainer select { flex: 1; height: 30px; + font: 15px Lato, sans-serif } .selectionContainer { display: flex; diff --git a/src/components/Leaderboard/LeaderboardHead/LeaderboardHead.tsx b/src/components/Leaderboard/LeaderboardHead/LeaderboardHead.tsx index 9176d81..ebf2186 100644 --- a/src/components/Leaderboard/LeaderboardHead/LeaderboardHead.tsx +++ b/src/components/Leaderboard/LeaderboardHead/LeaderboardHead.tsx @@ -29,22 +29,25 @@ class Leaderboard extends React.Component { numeric: false, disablePadding: false, label: 'Name', + sortable: true, }, { id: 'version', numeric: false, disablePadding: false, label: 'Version', + sortable: true, }, ...this.props.metricFields.map((fieldName) => ({ id: fieldName, numeric: true, disablePadding: false, label: fieldName, + sortable: true, })), - { id: 'visualization', numeric: false, disablePadding: false, label: 'Visualization' }, - { id: 'date', numeric: false, disablePadding: false, label: 'Date' }, - { id: 'log', numeric: false, disablePadding: false, label: 'Logs' }, + { id: 'visualization', numeric: false, disablePadding: false, label: 'Visualization', sortable: false }, + { id: 'date', numeric: false, disablePadding: false, label: 'Date', sortable: true }, + { id: 'log', numeric: false, disablePadding: false, label: 'Logs', sortable: false }, ]; const { order, orderBy, @@ -57,7 +60,6 @@ class Leaderboard extends React.Component { return ( - {/*Commented for production */} 0 && numSelected < rowCount} @@ -75,19 +77,21 @@ class Leaderboard extends React.Component { padding={row.disablePadding ? 'none' : 'default'} sortDirection={orderBy === row.id ? order : false} > - - - {row.label} - - + + {row.label} + + ) : row.label + } ); }, this)}