From dc5b84cbffd47f6504dc8353cebe286ecffb82da Mon Sep 17 00:00:00 2001
From: Shams mosowi <shams.mosowi@gmail.com>
Date: Tue, 11 Feb 2020 15:05:24 +1100
Subject: [PATCH] update action ui

---
 www/src/components/Fields/Action.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/www/src/components/Fields/Action.tsx b/www/src/components/Fields/Action.tsx
index 7a2fedec..4a8922be 100644
--- a/www/src/components/Fields/Action.tsx
+++ b/www/src/components/Fields/Action.tsx
@@ -4,7 +4,7 @@ import { SnackContext } from "../../contexts/snackContext";
 import IconButton from "@material-ui/core/IconButton";
 import Grid from "@material-ui/core/Grid";
 import Typography from "@material-ui/core/Typography";
-import PlayIcon from "@material-ui/icons/PlayCircleFilled";
+import PlayIcon from "@material-ui/icons/PlayCircleOutline";
 import ReplayIcon from "@material-ui/icons/Replay";
 import { cloudFunction } from "../../firebase/callables";
 
@@ -83,7 +83,16 @@ export default function Action(props: Props) {
     );
   else
     return (
-      <Grid container direction="row" justify="flex-end" alignContent="center">
+      <Grid
+        container
+        direction="row"
+        justify="space-between"
+        alignContent="center"
+      >
+        <Typography variant="body1">
+          {" "}
+          {callableName.replace("callable-", "")}
+        </Typography>
         <IconButton onClick={handleRun}>
           <PlayIcon />
         </IconButton>