Updated CSS for Header and Footer

EYRA-Benchmark · Jan 7, 2020 · 0a3eb90 · 0a3eb90
1 parent 3ecac9f
commit 0a3eb90
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 14 deletions.
diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css
@@ -4,7 +4,7 @@
 .content {
   color: #ddd;
   text-align: center;
-  padding: 50px 80px;
+  padding: 20px 80px;
 }
 
 .content h3 {

diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css
@@ -14,8 +14,6 @@
 }
 .appBar {
   height: 80px;
-  transition: height 2s;
-  -webkit-transition: height 2s;
   background: #fafafa !important;
 }
 /*.shrink {*/
@@ -28,8 +26,6 @@
 /* // #204864d1  previous color for header*/
 .shrink {
   height: 64px;
-  transition: height 2s;
-  -webkit-transition: height 2s;
   background: #fafafa !important;
 }
 

diff --git a/src/components/Leaderboard/LeaderboardTable/LeaderboardTable.tsx b/src/components/Leaderboard/LeaderboardTable/LeaderboardTable.tsx
@@ -13,6 +13,7 @@ import {
   withStyles,
   WithStyles,
 } from '@material-ui/core';
+import VisualizationIcon from '@material-ui/icons/BarChart';
 import { formatDateTime } from 'src/utils';
 import { UUID4 } from 'src/types';
 import { INestedSubmission } from '../index';
@@ -113,8 +114,6 @@ class LeaderboardTable extends React.Component<IProps, IState> {
     }
 
     const isSelected = (id: string) => selected.indexOf(id) !== -1;
-
-    const emptyRows = rowsPerPage - Math.min(rowsPerPage, data.length - page * rowsPerPage);
     const handleSelectAllClick = (event: React.ChangeEvent<HTMLInputElement>) => {
       if (event.target.checked) {
         const newSelecteds = data.map((n) => n.id);
@@ -252,16 +251,31 @@ class LeaderboardTable extends React.Component<IProps, IState> {
                             //       visualization
                             // </a>)
                             (
-                              <button
+                              <Fab
+                                variant="extended"
+                                size="small"
+                                aria-label="add"
+                                color="secondary"
                                 onClick={() => {
                                   this.setState({
                                     observableUrl: n.visualization.toString(),
                                     observableJobId: n.evaluationJob,
                                   });
                                 }}
                               >
+                                <VisualizationIcon color="primary" />
                                 visualize
-                              </button>
+                              </Fab>
+                              // <button
+                              //   onClick={() => {
+                              //     this.setState({
+                              //       observableUrl: n.visualization.toString(),
+                              //       observableJobId: n.evaluationJob,
+                              //     });
+                              //   }}
+                              // >
+                              //   visualize
+                              // </button>
                             )
                             : '-'
                         }
@@ -290,11 +304,6 @@ class LeaderboardTable extends React.Component<IProps, IState> {
                   );
                 },
               )}
-              {emptyRows > 0 && (
-                <TableRow style={{ height: 49 * emptyRows }}>
-                  <TableCell colSpan={6} />
-                </TableRow>
-              )}
             </TableBody>
           </Table>
         </div>