From 7199443f1c4e783dee91b54a9c08c06caf012743 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Tue, 5 Jan 2021 12:46:08 +0100
Subject: [PATCH] Fix UI glitch

---
 webapp/src/components/Board.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/webapp/src/components/Board.tsx b/webapp/src/components/Board.tsx
index fcd9634..cdff5f5 100644
--- a/webapp/src/components/Board.tsx
+++ b/webapp/src/components/Board.tsx
@@ -553,9 +553,14 @@ class Board extends Component<Props, State> {
                                                         ]
                                                       })}
 
-                                                      <div className=" flex mt-1 w-2 h-16  flex-no-shrink   justify-center">
-                                                        <div className="flex font-bold text-xl showme   "><button className=" hover:text-gray-800 text-gray-500" onClick={() => this.setState({ showCreateSubWorkflowModal: true, createSubWorkflowWorkflowId: w.id })}>+</button></div>
-                                                      </div>
+                                                      {this.props.viewOnly && !this.props.demo ?
+                                                        <div className="flex mt-1 w-2 h-16  flex-no-shrink justify-center">
+                                                        </div>
+                                                        :
+                                                        <div className="flex mt-1 w-2 h-16  flex-no-shrink justify-center">
+                                                          <div className="flex font-bold text-xl showme"><button className=" hover:text-gray-800 text-gray-500" onClick={() => this.setState({ showCreateSubWorkflowModal: true, createSubWorkflowWorkflowId: w.id })}>+</button></div>
+                                                        </div>
+                                                      }
                                                       {providedDroppable.placeholder}
 
                                                     </div>