4 files changed, 42 insertions, 3 deletions
diff --git a/web/src/css/app.less b/web/src/css/app.less
index 046d378a..6f27f447 100644
--- a/web/src/css/app.less
+++ b/web/src/css/app.less
@@ -16,4 +16,5 @@ html {
 @import (less) "flowview.less";
 @import (less) "prompt.less";
 @import (less) "eventlog.less";
-@import (less) "footer.less";
-\ No newline at end of file
+@import (less) "footer.less";
+@import (less) "codemirror.less";
diff --git a/web/src/css/codemirror.less b/web/src/css/codemirror.less
new file mode 100644
index 00000000..6504db50
--- /dev/null
+++ b/web/src/css/codemirror.less
@@ -0,0 +1,9 @@
+.ReactCodeMirror {
+	border: 1px solid #ccc;
+}
+
+.CodeMirror{
+    height: auto !important;
+    max-height: 1000px !important;
+}
+@import (inline) "../../node_modules/codemirror/lib/codemirror.css";
diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less
index edf97566..43078eff 100644
--- a/web/src/css/flowdetail.less
+++ b/web/src/css/flowdetail.less
@@ -109,4 +109,4 @@
         text-overflow: ellipsis;
         white-space: nowrap;
     }
-}
-\ No newline at end of file
+}
diff --git a/web/src/css/flowview.less b/web/src/css/flowview.less
index aa8a2df2..419739a4 100644
--- a/web/src/css/flowview.less
+++ b/web/src/css/flowview.less
@@ -6,4 +6,33 @@
         max-width: 100%;
         max-height: 100%;
     }
-}
-\ No newline at end of file
+}
+
+.edit-flow-container {
+    position: relative;
+}
+
+.edit-flow  {
+    position: absolute;
+    right: 0px;
+    top: 5px;
+    height: 40px;
+    width: 40px;
+    border-radius: 20px;
+    z-index: 10000;
+
+    background-color: white;
+    border: solid 2px rgba(248, 145, 59, 0.7);
+
+    text-align: center;
+    font-size: 22px;
+    line-height: 37px;
+
+    transition: all 100ms ease-in-out;
+}
+
+.edit-flow:hover {
+    background-color: rgba(239, 108, 0, 0.7);
+    color: rgba(0,0,0,0.8);
+    border: solid 2px transparent;
+}