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

* Styling

* Handle install messages

* Update progress

* Display download and install status

src/components/Cars/SendCommand/index.jsx

@@ -75,8 +75,12 @@ const SendCommand = ({ vins }) => {
   }, []);
 
   return (
-    <div className={classes.form}>
-      <FormControl className={classes.formControlInline} variant="outlined">
+    <div className={`${classes.form}`} style={{ marginTop: 20 }}>
+      <FormControl
+        className={classes.formControlInline}
+        variant="outlined"
+        size="small"
+      >
         <InputLabel htmlFor="send-command" style={{ backgroundColor: "White" }}>
           Command
         </InputLabel>
@@ -97,7 +101,11 @@ const SendCommand = ({ vins }) => {
           ))}
         </Select>
       </FormControl>
-      <FormControl className={classes.formControlInline} variant="outlined">
+      <FormControl
+        className={classes.formControlInline}
+        variant="outlined"
+        size="small"
+      >
         <InputLabel
           htmlFor="send-parameter"
           style={{ backgroundColor: "White" }}
@@ -127,6 +135,7 @@ const SendCommand = ({ vins }) => {
         aria-label="send command"
         component="span"
         onClick={clickHandler}
+        size="small"
         disabled={busy || vins.length === 0}
       >
         <SendIcon fontSize="large" />

src/components/Cars/SendCommandBulk/index.jsx

@@ -56,16 +56,18 @@ const MainForm = () => {
   return (
     <div className={classes.paper} style={{ height: 700, width: "100%" }}>
       <Grid container className={classes.root} spacing={2}>
-        <Grid item md={6}>
-          <Link to="/vehicle-add" className={classes.labelInline}>
+        <Grid item md={4} style={{ textAlign: "justify" }}>
+          <Link to="/vehicle-add">
             <AddCircleIcon fontSize="large" />
           </Link>
-          <SearchField classes={classes} onSearch={handleSearch} />
           <div
             className={classes.labelInline}
           >{`${selected.length} Selected`}</div>
         </Grid>
-        <Grid item md={6} style={{ textAlign: "right" }}>
+        <Grid item md={4} style={{ textAlign: "center" }}>
+          <SearchField classes={classes} onSearch={handleSearch} />
+        </Grid>
+        <Grid item md={4} style={{ textAlign: "right" }}>
           <SendCommand vins={selected} style={{ display: "flex" }} />
         </Grid>
       </Grid>