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

* Styling

* Handle install messages

* Update progress

* Display download and install status

src/components/Manifest/Deploy/index.jsx

@@ -126,17 +126,18 @@ const MainForm = () => {
       <form className={classes.form} noValidate action="{onSubmit}">
         <Typography variant="body2">Created {createDate}.</Typography>
         <Grid container className={classes.root} spacing={2}>
-          <Grid item md={10}>
-            <SearchField classes={classes} onSearch={handleSearch} />
+          <Grid item md={2}>
             <div
               className={classes.labelInline}
             >{`${selected.length} Selected`}</div>
           </Grid>
+          <Grid item md={8} style={{ textAlign: "center" }}>
+            <SearchField classes={classes} onSearch={handleSearch} />
+          </Grid>
           <Grid item md={2} style={{ textAlign: "right" }}>
             <Button
               type="submit"
               disabled={busy || selected.length === 0}
-              fullWidth
               variant="contained"
               color="primary"
               className={classes.formControl}

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}