CEC-381 Install messages and update styling (#76)

* Styling

* Handle install messages

* Update progress

* Display download and install status

src/components/Manifest/List/index.jsx

@@ -1,13 +1,13 @@
 import React, { useEffect, useState } from "react";
 import { Link } from "react-router-dom";
 import {
+  Grid,
   Table,
   TableBody,
   TableCell,
   TableFooter,
   TablePagination,
   TableRow,
-  Toolbar,
   Tooltip,
 } from "@material-ui/core";
 import AddCircleIcon from "@material-ui/icons/AddCircle";
@@ -185,12 +185,17 @@ const MainForm = () => {
 
   return (
     <div className={classes.paper} style={{ height: 700, width: "100%" }}>
-      <Toolbar className={classes.tableToolbar}>
-        <Link to="/package-create" className={classes.labelInline}>
-          <AddCircleIcon fontSize="large" />
-        </Link>
-        <SearchField classes={classes} onSearch={handleSearch} />
-      </Toolbar>
+      <Grid container className={classes.root} spacing={2}>
+        <Grid item md={4} style={{ textAlign: "justify" }}>
+          <Link to="/package-create" className={classes.labelInline}>
+            <AddCircleIcon fontSize="large" />
+          </Link>
+        </Grid>
+        <Grid item md={4} style={{ textAlign: "center" }}>
+          <SearchField classes={classes} onSearch={handleSearch} />
+        </Grid>
+        <Grid item md={4} style={{ textAlign: "right" }}></Grid>
+      </Grid>
       <Table>
         <TableHeaderSortable
           classes={classes}